diff options
Diffstat (limited to 'core/css/mobile.css')
-rw-r--r-- | core/css/mobile.css | 88 |
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 */ } |