update menus

dashboard-ui/css/librarymenu.css

@@ -41,12 +41,18 @@
     position: static !important;
     width: auto !important;
     height: auto !important;
+    touch-action: auto !important;
 }
 
 .mainDrawerPanelPreInit #drawer {
     display: none !important;
 }
 
+.mainDrawerPanelPreInit #main {
+    left: 0 !important;
+    position: static !important;
+}
+
 .mainDrawerPanel #drawer {
     z-index: 1000 !important;
     position: fixed !important;
@@ -55,6 +61,8 @@
     overflow-y: auto !important;
     -webkit-overflow-scrolling: touch;
     overflow-x: hidden;
+    /* Need to reset this because it causes the entire panel to be draggable in safari */
+    box-sizing: initial !important;
 }
 
 .mainDrawerPanel #main {
@@ -62,6 +70,13 @@
     position: static !important;
 }
 
+.mainDrawerPanel #scrim {
+    /* Give it at least something to make it visible */
+    z-index: 1000;
+    /* It defaults to absolute, not visible after scrolling */
+    position: fixed;
+}
+
 .mainDrawer {
     height: auto !important;
     border-right: 1px solid #e0e0e0;
@@ -290,7 +305,7 @@
 }
 
 .drawerUserPanel {
-    background: url(images/splash.jpg);
+    background: url(images/splash720.jpg);
     background-size: cover;
     background-position: center center;
     margin-bottom: 1em;
@@ -300,7 +315,7 @@
 }
 
 .drawerUserPanelInner {
-    background-color: rgba(0, 0, 0, .75);
+    background-color: rgba(0, 0, 0, .70);
     position: absolute;
     top: 0;
     right: 0;
@@ -325,7 +340,7 @@
 
 .drawerUserPanelUserName {
     padding-top: 1.5em;
-    padding-left: .25em;
+    padding-left: .35em;
 }
 
 .libraryDocument .dashboardDrawerContent {

dashboard-ui/css/materialize.css

@@ -61,52 +61,6 @@
         cursor: pointer;
     }
 
-.btn-floating {
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
-    text-transform: uppercase;
-    border: none;
-    outline: 0;
-    -webkit-tap-highlight-color: transparent;
-    margin-bottom: 15px;
-    display: inline-block;
-    position: relative;
-    z-index: 1;
-    width: 37px;
-    height: 37px;
-    line-height: 37px;
-    padding: 0;
-    background-color: #2196F3;
-    -webkit-border-radius: 50%;
-    -moz-border-radius: 50%;
-    border-radius: 50%;
-    background-clip: padding-box;
-    -webkit-transition: 0.3s;
-    -moz-transition: 0.3s;
-    -o-transition: 0.3s;
-    -ms-transition: 0.3s;
-    transition: 0.3s;
-    cursor: pointer;
-}
-
-    .btn-floating i {
-        width: inherit;
-        display: inline-block;
-        text-align: center;
-        color: #FFF;
-        font-size: 1.6rem;
-        line-height: 37px;
-    }
-
-    .btn-floating.btn-floating-large {
-        width: 55.5px;
-        height: 55.5px;
-    }
-
-        .btn-floating.btn-floating-large i {
-            line-height: 55.5px;
-        }
-
 .btn-flat {
     box-shadow: none;
     background-color: transparent;
@@ -170,23 +124,6 @@
     font-family: Roboto !important;
 }
 
-.btnSmall {
-    font-size: 13px;
-}
-
-.btnCancel {
-    background-color: #444;
-}
-
-.ui-page-theme-a .btnCancel {
-    background-color: #e8e8e8;
-    color: #333 !important;
-}
-
-    .ui-page-theme-a .btnCancel i {
-        color: #666 !important;
-    }
-
 .btn-inline {
     display: inline-block;
     width: auto;

dashboard-ui/css/site.css

@@ -316,6 +316,11 @@ body {
     background-color: transparent !important;
 }
 
+/* Without this, no content will be displayed in mobile safari */
+.pageContainer {
+    overflow-x: visible !important;
+}
+
 .bodyWithPopupOpen {
     overflow-y: hidden !important;
 }
@@ -712,7 +717,7 @@ h1 .imageLink {
 
 .sidebarLinkIcon {
     font-size: 20px;
-    width: 72px!important;
+    width: 72px !important;
     text-align: center;
     vertical-align: middle;
     color: #7f7f7f;