#247 - Web client - Hide views that have no content

dashboard-ui/css/librarybrowser.css

@@ -3,18 +3,65 @@
     background: none!important;
 }
 
+.viewMenuBar {
+    background: #444;
+    background-image: linear-gradient(#444,#2d2d2d);
+    border-bottom: 1px solid #444;
+    font-size: 13px;
+    font-weight: bold;
+}
+
+.viewMenuLink {
+    text-decoration: none;
+    color: #bbb;
+    padding: 7px .9em 6px;
+    display: inline-block;
+    vertical-align: middle;
+}
+
+    .viewMenuLink:hover {
+        color: #fff;
+    }
+
+        .viewMenuLink:hover img {
+            opacity: .5;
+        }
+
+    .viewMenuLink img {
+        height: 20px;
+        vertical-align: top;
+    }
+
+.viewMenuSecondary {
+    float: right;
+}
+
+.viewMenuTextLink {
+    display: none;
+    height: 20px;
+    padding-top: 9px;
+    text-transform: uppercase;
+}
+
+.viewName {
+    vertical-align: middle;
+}
+
+.selectedViewLink {
+    color: #fff;
+}
+
+.selectedViewIndicator {
+    margin-right: .25em;
+    vertical-align: middle;
+    position: relative;
+    top: -1px;
+}
+
 .libraryPage .header {
     padding-bottom: 0;
 }
 
-.libraryPageHeader {
-    margin: -5px 0 0;
-}
-
-    .libraryPageHeader a {
-        margin-right: 15px;
-    }
-
 .libraryPage .ui-content {
     padding: 10px;
 }
@@ -192,6 +239,14 @@
     .galleryImage {
         width: 150px;
     }
+
+    .viewMenuTextLink {
+        display: inline-block;
+    }
+
+    .viewMenuImageLink {
+        display: none;
+    }
 }
 
 @media all and (min-width: 1200px) {
@@ -203,7 +258,7 @@
 
 @media all and (min-width: 650px) {
     .libraryPage .ui-content {
-        padding: 0 20px 100px;
+        padding: 15px 20px 100px;
     }
 
     .viewControls, .listTopPaging {

dashboard-ui/css/search.css

@@ -1,17 +1,16 @@
 .headerSearch {
     display: none;
-    margin-right: 3em;
+    margin-right: 1em;
     position: relative;
 }
 
 .txtSearch {
     vertical-align: middle;
-    font: 16px arial,sans-serif;
-    height: 28px;
-    line-height: 28px;
+    font: 13px arial,sans-serif;
     margin: 0 .15em 0 0;
     width: 150px;
     padding: 0;
+    border: 1px solid #4d90fe;
 }
 
 .btnSearch {
@@ -30,7 +29,6 @@
     -webkit-border-radius: 2px;
     border-radius: 2px;
     font-weight: bold;
-    height: 28px;
     min-width: 54px;
     padding: 0 8px;
     text-align: center;
@@ -40,8 +38,13 @@
     text-align: center;
 }
 
+.txtSearch, .btnSearch {
+    height: 22px;
+    line-height: 22px;
+}
+
     .btnSearch img {
-        height: 28px;
+        height: 22px;
         margin: 0 auto;
         border: 0;
     }
@@ -133,21 +136,11 @@
 
 @media all and (min-width: 1200px) {
     .txtSearch {
-        width: 350px;
+        width: 300px;
     }
 
     .searchHints {
-        width: 348px;
-    }
-}
-
-@media all and (min-width: 1440px) {
-    .txtSearch {
-        width: 400px;
-    }
-
-    .searchHints {
-        width: 398px;
+        width: 298px;
     }
 }