From b535e59c4584fafd947cc37bd35dca60f4019239 Mon Sep 17 00:00:00 2001 From: nachoparker Date: Sat, 23 Mar 2019 10:35:17 -0600 Subject: [PATCH 1/3] support better reading in a tablet screen Signed-off-by: nachoparker --- css/mobile.css | 117 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 117 insertions(+) diff --git a/css/mobile.css b/css/mobile.css index 83e228b2f4..80b2072050 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -44,3 +44,120 @@ max-width: 82px; } } + +/* section copied from server.css to support better reading in a rotated tablet screen */ +/* changed only max-width in the first line */ + +@media only screen and (max-width:1024px) { + #dropdown { + margin-right:10% !important; + width:80% !important + } + .ui-autocomplete { + z-index:1000 !important< + } + .error-wide { + width:100%; + margin-left:0 !important; + box-sizing:border-box + } + #app-navigation { + transform:translateX(-300px) + } + .snapjs-left #app-navigation { + transform:translateX(0) + } + #app-navigation:not(.hidden) + #app-content { + margin-left:0 + } + .app-content-list { + background:var(--color-main-background); + flex:1 1 100%; + max-height:unset; + max-width:100% + } + .app-content-list + .app-content-details { + display:none + } + .app-content-list.showdetails { + display:none + } + .app-content-list.showdetails + .app-content-details { + display:initial + } + #app-content.showdetails #app-navigation-toggle { + transform:translateX(-44px) + } + #app-content.showdetails #app-navigation-toggle-back { + position:fixed; + display:inline-block !important; + top:50px; + left:0; + width:44px; + height:44px; + z-index:149; + background-color:rgba(255, 255, 255, 0.7); + cursor:pointer; + opacity:0.6; + transform:rotate(90deg) + } + #app-content.showdetails .app-content-list { + transform:translateX(-100%) + } + #app-navigation-toggle { + position:fixed; + display:inline-block !important; + left:0; + width:44px; + height:44px; + z-index:149; + background-color:var(--color-main-background-darker); + cursor:pointer; + opacity:0.6 + } + #app-navigation-toggle:hover, + #app-navigation-toggle:focus { + opacity:1 + } + #app-navigation + #app-content #controls { + padding-left:44px + } + #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 + } + #usersearchform { + display:none + } + #body-settings #controls { + min-width:768px !important + } + #oc-dialog-filepicker-content .filelist .filesize, + #oc-dialog-filepicker-content .filelist .date { + display:none + } + #oc-dialog-filepicker-content .filelist .filename { + max-width:100% + } + .snapjs-left table.multiselect thead { + top:44px + } + #app-content .utils .date { + display: none; + } + + #app-shortcuts th:first-child { + padding-left: 44px; + } + + #app-navigation:not(.hidden) + #app-content { + width: 100%; + } +} + +/* section end */ From 2924927c51dc9d7243c2c9fd0ede6c877eed73e6 Mon Sep 17 00:00:00 2001 From: nachoparker Date: Wed, 1 May 2019 21:55:45 -0600 Subject: [PATCH 2/3] Revert "support better reading in a tablet screen" This reverts commit 0bfaa6ac3dae949e3ee937dfd3c135a34801dd8c. Signed-off-by: nachoparker --- css/mobile.css | 117 ------------------------------------------------- 1 file changed, 117 deletions(-) diff --git a/css/mobile.css b/css/mobile.css index 80b2072050..83e228b2f4 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -44,120 +44,3 @@ max-width: 82px; } } - -/* section copied from server.css to support better reading in a rotated tablet screen */ -/* changed only max-width in the first line */ - -@media only screen and (max-width:1024px) { - #dropdown { - margin-right:10% !important; - width:80% !important - } - .ui-autocomplete { - z-index:1000 !important< - } - .error-wide { - width:100%; - margin-left:0 !important; - box-sizing:border-box - } - #app-navigation { - transform:translateX(-300px) - } - .snapjs-left #app-navigation { - transform:translateX(0) - } - #app-navigation:not(.hidden) + #app-content { - margin-left:0 - } - .app-content-list { - background:var(--color-main-background); - flex:1 1 100%; - max-height:unset; - max-width:100% - } - .app-content-list + .app-content-details { - display:none - } - .app-content-list.showdetails { - display:none - } - .app-content-list.showdetails + .app-content-details { - display:initial - } - #app-content.showdetails #app-navigation-toggle { - transform:translateX(-44px) - } - #app-content.showdetails #app-navigation-toggle-back { - position:fixed; - display:inline-block !important; - top:50px; - left:0; - width:44px; - height:44px; - z-index:149; - background-color:rgba(255, 255, 255, 0.7); - cursor:pointer; - opacity:0.6; - transform:rotate(90deg) - } - #app-content.showdetails .app-content-list { - transform:translateX(-100%) - } - #app-navigation-toggle { - position:fixed; - display:inline-block !important; - left:0; - width:44px; - height:44px; - z-index:149; - background-color:var(--color-main-background-darker); - cursor:pointer; - opacity:0.6 - } - #app-navigation-toggle:hover, - #app-navigation-toggle:focus { - opacity:1 - } - #app-navigation + #app-content #controls { - padding-left:44px - } - #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 - } - #usersearchform { - display:none - } - #body-settings #controls { - min-width:768px !important - } - #oc-dialog-filepicker-content .filelist .filesize, - #oc-dialog-filepicker-content .filelist .date { - display:none - } - #oc-dialog-filepicker-content .filelist .filename { - max-width:100% - } - .snapjs-left table.multiselect thead { - top:44px - } - #app-content .utils .date { - display: none; - } - - #app-shortcuts th:first-child { - padding-left: 44px; - } - - #app-navigation:not(.hidden) + #app-content { - width: 100%; - } -} - -/* section end */ From b15a3a66c7500446571390f36ac38f186d38788f Mon Sep 17 00:00:00 2001 From: nachoparker Date: Fri, 3 May 2019 14:29:51 -0600 Subject: [PATCH 3/3] use scss variables Signed-off-by: nachoparker --- css/{mobile.css => mobile.scss} | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) rename css/{mobile.css => mobile.scss} (93%) diff --git a/css/mobile.css b/css/mobile.scss similarity index 93% rename from css/mobile.css rename to css/mobile.scss index 83e228b2f4..02271a2633 100644 --- a/css/mobile.css +++ b/css/mobile.scss @@ -1,4 +1,4 @@ -@media only screen and (max-width: 768px) { +@media only screen and (max-width: $breakpoint_mobile) { #app-content .utils .date { display: none; }