update tabs

dashboard-ui/css/librarymenu.css

@@ -144,7 +144,7 @@
     border: 0;
     height: 50px;
     display: flex;
-    align-items: center;
+    flex-direction: column;
 }
 
 .hiddenViewMenuBar .viewMenuBar {
@@ -182,10 +182,85 @@
     color: #fff;
 }
 
+    .viewMenuBar .primaryIcons {
+        display: flex;
+        flex-grow: 1;
+        width: 100%;
+        align-items: center;
+    }
+
 .dashboardDocument .viewMenuBar {
     background-color: #43A047;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-    height: 64px;
+    height: auto;
+}
+
+    .dashboardDocument .viewMenuBar .primaryIcons {
+        padding: .92em 0;
+    }
+
+.dashboardDocument .withTallToolbar .primaryIcons {
+    padding-bottom: 0;
+}
+
+.dashboardDocument .viewMenuBar #selectionBar {
+    background: #fff !important;
+}
+
+.viewMenuBarTabs {
+    width: 100%;
+}
+
+    .viewMenuBarTabs paper-tabs {
+        background: none;
+        box-shadow: none;
+    }
+
+    .viewMenuBarTabs .paperTabLink {
+        align-items: center;
+        justify-content: center;
+        display: flex;
+    }
+
+.mainDrawerPanel:not([narrow]) .viewMenuBarTabs {
+    width: auto;
+    padding-left: 272px;
+}
+
+.mainDrawerPanel .viewMenuBarTabs #tabsContent {
+    display: block !important;
+    width: 100%;
+}
+
+.mainDrawerPanel:not([narrow]) .viewMenuBarTabs paper-tab {
+    width: auto !important;
+}
+
+.viewMenuBarTabs #tabsContainer {
+    margin: auto;
+    -ms-flex: none;
+    -webkit-flex: none;
+    flex: none;
+    flex-shrink: 0;
+    flex-grow: 1;
+    touch-action: auto !important;
+}
+
+.viewMenuBarTabs paper-tabs {
+    overflow: visible !important;
+}
+
+.viewMenuBarTabs .paperTabLink {
+    padding-left: 1.5em;
+    padding-right: 1.5em;
+}
+
+.mainDrawerPanel:not([narrow]) .viewMenuBarTabs .tab-content {
+    display: block !important;
+}
+
+.viewMenuBar paper-icon-button.paper-tabs {
+    display: none !important;
 }
 
 .viewMenuBar.semiTransparent {
@@ -227,10 +302,7 @@
     }
 
 .viewMenuSecondary {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 0;
+    margin-left: auto;
     display: flex;
     align-items: center;
 }
@@ -426,13 +498,8 @@ body:not(.dashboardDocument) .btnNotifications {
     font-weight: 500 !important;
 }
 
-.adminDrawerPanel .sidebarDivider {
-    display: none;
-}
-
 .adminDrawerPanel .sidebarLinkIcon {
-    color: #666 !important;
-    height: 12px;
+    color: #666;
     margin-right: 1em;
 }
 

dashboard-ui/css/site.css

@@ -774,13 +774,21 @@ paper-input + .fieldDescription {
     padding-top: 70px;
 }
 
+.withTabs .content-primary {
+    padding-top: 110px;
+}
+
 .mainDrawerPanel:not([narrow]) .content-primary {
     padding: 110px 1.5em 3em 3em;
 }
 
-    .mainDrawerPanel:not([narrow]) .content-primary ul:first-child {
-        margin-top: 0;
-    }
+.mainDrawerPanel:not([narrow]) .withTabs .content-primary {
+    padding-top: 128px!important;
+}
+
+.mainDrawerPanel:not([narrow]) .content-primary ul:first-child {
+    margin-top: 0;
+}
 
 .background-theme-a, .dialog.background-theme-a {
     background-color: #f5f5f5;