-
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 1fbe481b04..644e82a9c6 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -7,6 +7,10 @@
padding-top: 48px !important;
}
+.libraryPage:not(.metadataEditorPage):not(#indexPage):not(#boxsetsPage) {
+ padding-top: 91px !important;
+}
+
.ui-panel fieldset + fieldset {
margin-top: 2em;
}
@@ -24,6 +28,8 @@
z-index: 1000;
top: 0;
padding-left: 10px;
+ background: #181818;
+ border-bottom: 1px solid #080808;
}
.viewMenuLink {
@@ -111,29 +117,65 @@
}
.libraryViewNav {
- text-align: center;
- background-image: linear-gradient(#404040,#222);
- border-bottom: 1px solid #111;
- border-top: 1px solid #000;
- font-family: sans-serif, Arial;
+ height: 42px;
+ overflow: hidden;
+ border-bottom: 1px solid #333;
+ position: fixed;
+ left: 0;
+ right: 0;
+ top: 48px;
+ z-index: 1000;
+ background-color: #252525;
}
- .libraryViewNav .ui-btn-active {
- border: 0!important;
- background-color: #38c;
+.libraryViewNavInner {
+ text-align: center;
+ font-family: sans-serif, Arial;
+ font-size: 14px;
+ white-space: nowrap;
+ padding: 0 0 0;
+ overflow-x: auto;
+ height: 55px;
+ text-transform: uppercase;
+}
+
+.libraryViewNav .ui-btn-active .libraryViewNavLinkContent {
+ border-bottom-color: #38c;
+}
+
+.libraryViewNav a {
+ display: inline-block;
+ padding: 12px 0 0;
+ color: #eee!important;
+ text-decoration: none;
+ margin: 0 0;
+ position: relative;
+ font-weight: normal;
+}
+
+ .libraryViewNav a:hover {
+ color: #bbb!important;
}
- .libraryViewNav a {
- display: inline-block;
- padding: .6em 1em;
- color: #eee!important;
- text-decoration: none;
- margin: 1px 0;
+ .libraryViewNav a:after {
+ content: "|";
+ color: #444;
+ font-size: 20px;
+ font-weight: normal !important;
+ position: absolute;
+ top: 7px;
}
- .libraryViewNav a:hover {
- color: #bbb!important;
- }
+ .libraryViewNav a:last-child::after {
+ content: "";
+ }
+
+.libraryViewNavLinkContent {
+ border-bottom: 6px solid transparent;
+ display: inline-block;
+ padding: 0 1em 6px;
+ margin: 0 -2px 0 -1px;
+}
.ehsContent {
max-width: 620px;
@@ -609,13 +651,6 @@ a.itemTag:hover {
height: 7px;
}
-@media all and (max-width: 550px) {
-
- .desktopViewMenuLink {
- display: none;
- }
-}
-
@media all and (min-width: 600px) {
.inlineDetailSection:not(.hide) {
display: inline-block;
@@ -627,17 +662,6 @@ a.itemTag:hover {
}
}
-@media all and (max-width: 800px) {
-
- .libraryViewNav {
- display: none !important;
- }
-
- .desktopHomeLink {
- display: none;
- }
-}
-
@media all and (min-width: 800px) {
.libraryMenuButton {
@@ -645,6 +669,21 @@ a.itemTag:hover {
}
}
+@media all and (max-width: 800px) {
+
+ .desktopHomeLink {
+ display: none;
+ }
+
+ .desktopViewMenuLink {
+ display: none;
+ }
+
+ .libraryViewNavInner {
+ text-align: left;
+ }
+}
+
@media all and (max-width: 750px) {
.editorMenuLink {
diff --git a/dashboard-ui/itembynamedetails.html b/dashboard-ui/itembynamedetails.html
index 435960a751..004e622757 100644
--- a/dashboard-ui/itembynamedetails.html
+++ b/dashboard-ui/itembynamedetails.html
@@ -7,10 +7,9 @@
