new mobile web client menu

dashboard-ui/css/librarybrowser.css

@@ -17,8 +17,8 @@
 }
 
 .viewMenuBar {
-    background: #444;
-    background-image: linear-gradient(#444,#2d2d2d);
+    background: #404040;
+    background-image: linear-gradient(#404040,#2d2d2d);
     font-weight: bold;
     position: fixed;
     right: 0;
@@ -71,6 +71,8 @@
     height: 20px;
     padding-top: 9px;
     text-transform: uppercase;
+    font-size: 14px;
+    font-weight: 400!important;
 }
 
 .viewMenuTextLink {
@@ -113,7 +115,7 @@
 
 .libraryViewNav {
     text-align: center;
-    background-image: linear-gradient(#444,#2d2d2d);
+    background-image: linear-gradient(#404040,#2d2d2d);
     border-bottom: 1px solid #111;
     border-top: 0;
 }
@@ -125,7 +127,7 @@
 
     .libraryViewNav a {
         display: inline-block;
-        padding: .5em .25em;
+        padding: .6em 1em;
         color: #eee!important;
         text-decoration: none;
     }
@@ -503,6 +505,46 @@ a.itemTag:hover {
     max-width: 100%;
 }
 
+.libraryPanelHeader {
+    margin: 10px 0 20px 0;
+}
+
+    .libraryPanelHeader a {
+        text-decoration: none;
+    }
+
+    .libraryPanelHeader img {
+        height: 24px;
+        vertical-align: middle;
+        margin-right: 6px;
+    }
+
+    .libraryPanelHeader span {
+        color: #fff;
+        vertical-align: middle;
+        font-size: 14px;
+        font-weight: 300;
+    }
+
+.mediaBrowserAccent {
+    color: #52B54B!important;
+}
+
+.libraryPanelCollapsibleHeader a {
+    font-size: 16px;
+    font-weight: 300!important;
+}
+
+.selectedLibraryPanelLink a {
+    background: #38c!important;
+}
+
+.desktopHomeLink img {
+    height: 24px;
+    vertical-align: middle;
+    margin-right: 5px;
+}
+
 @media all and (max-width: 550px) {
 
     .desktopViewMenuLink {
@@ -521,10 +563,21 @@ a.itemTag:hover {
     }
 }
 
+@media all and (max-width: 750px) {
+
+    .libraryViewNav {
+        display: none !important;
+    }
+
+    .desktopHomeLink {
+        display: none;
+    }
+}
+
 @media all and (min-width: 750px) {
 
-    .libraryViewNav a {
-        padding: .5em 1em;
+    .libraryMenuButton {
+        display: none;
     }
 }
 
@@ -595,6 +648,10 @@ a.itemTag:hover {
         padding-right: .8em;
     }
 
+    .libraryMenuButton + .viewMenuTextLink {
+        padding-left: .6em !important;
+    }
+
     .viewMenuBar .btnCurrentUser {
         padding-right: 1.5em;
     }

dashboard-ui/css/search.css

@@ -1,11 +1,18 @@
 .searchPanel {
-    min-width: 250px;
+    width: 250px;
 }
 
-@media all and (min-width: 60px) {
+.ui-panel-dismiss-open.ui-panel-dismiss-position-right[data-panelid=searchPanel] {
+    right: 250px;
+}
 
+@media all and (min-width: 600px) {
     .searchPanel {
-        min-width: 300px;
+        width: 300px;
+    }
+
+    .ui-panel-dismiss-open.ui-panel-dismiss-position-right[data-panelid=searchPanel] {
+        right: 300px;
     }
 }
 

dashboard-ui/css/site.css

@@ -33,6 +33,7 @@
 body {
     overflow-y: scroll!important;
     font-size: 13px;
+    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
 }
 
 .textlink {
@@ -44,24 +45,15 @@ body {
     }
 
 * {
-    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
     text-shadow: none;
     -webkit-font-smoothing: antialiased;
 }
 
-.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-mini .ui-btn-inner, .ui-li-desc {
-    font-size: 13px;
-}
-
 h1 {
     font-weight: 300;
     font-size: 2.22em;
 }
 
-.toolsSidebar h1 {
-    font-size: 40px;
-}
-
 .ui-loader h1 {
     font-weight: bold;
 }