summaryrefslogtreecommitdiffstats
path: root/core/css/mobile.css
diff options
context:
space:
mode:
Diffstat (limited to 'core/css/mobile.css')
-rw-r--r--core/css/mobile.css88
1 files changed, 88 insertions, 0 deletions
diff --git a/core/css/mobile.css b/core/css/mobile.css
index 9cea0dddc8f..98033528210 100644
--- a/core/css/mobile.css
+++ b/core/css/mobile.css
@@ -60,4 +60,92 @@
box-sizing: border-box;
}
+
+/* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/
+
+/* prevent scrollbar when sidebar is open */
+.snapjs-left #content-wrapper {
+ overflow-x: hidden;
+}
+
+#app-navigation,
+#app-content {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+
+#app-navigation {
+ width: 250px !important;
+}
+
+#app-content {
+ width: 100% !important;
+ left: 0 !important;
+ background-color: #fff;
+ overflow-x: hidden !important;
+}
+
+#app-navigation-toggle {
+ position: fixed;
+ display: inline-block !important;
+ top: 45px;
+ left: 0;
+ width: 44px;
+ height: 44px;
+ z-index: 149;
+ background-color: rgba(255, 255, 255, .7);
+ cursor: pointer;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ opacity: .6;
+}
+#app-navigation-toggle:hover,
+#app-navigation-toggle:focus {
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ filter: alpha(opacity=100);
+ opacity: 1;
+}
+
+/* fix controls bar for apps which don't use the standard */
+#body-user .app-files #controls,
+#user-controls {
+ left: 0 !important;
+ padding-left: 44px !important;
+}
+/* .viewer-mode is when text editor, PDF viewer, etc is open */
+#body-user .app-files.viewer-mode #controls {
+ padding-left: 0 !important;
+}
+.app-files.viewer-mode #app-navigation-toggle {
+ display: none !important;
+}
+
+table.multiselect thead {
+ left: 0 !important;
+}
+
+/* shorten elements for mobile */
+#uploadprogresswrapper {
+ width: 50px;
+}
+
+
+/* fix controls bar jumping when navigation is slid out */
+.snapjs-left #app-navigation-toggle {
+ top: 0;
+}
+.snapjs-left .app-files #controls,
+.snapjs-left #user-controls {
+ top: 0;
+}
+.snapjs-left table.multiselect thead {
+ top: 44px;
+}
+
+
+
+/* end of media query */
}