diff options
author | nacho <nacho@ownyourbits.com> | 2019-04-23 15:13:11 -0600 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-05-30 08:28:30 +0200 |
commit | 3c30d293fa1d52ff51581091e3d39a30ac7474d3 (patch) | |
tree | 8dde36e30baf8d5f9b1dcda40bfe8cc5f9f6700f /apps/files | |
parent | 89c701382f7a3dfaae3a45d1001ab26fb08cdd8a (diff) | |
download | nextcloud-server-3c30d293fa1d52ff51581091e3d39a30ac7474d3.tar.gz nextcloud-server-3c30d293fa1d52ff51581091e3d39a30ac7474d3.zip |
CSS: adjust media query breakpoint to improve tablet readability
see https://github.com/nextcloud/news/pull/467
Diffstat (limited to 'apps/files')
-rw-r--r-- | apps/files/css/mobile.scss | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/apps/files/css/mobile.scss b/apps/files/css/mobile.scss index b661fc61d45..879e8a2bb31 100644 --- a/apps/files/css/mobile.scss +++ b/apps/files/css/mobile.scss @@ -1,7 +1,8 @@ /* 938 = table min-width(688) + app-navigation width: 250 - 769 = size where app-navigation (768) is hidden +1 + $breakpoint-mobile +1 = size where app-navigation is hidden +1 688 = table min-width */ -@media only screen and (max-width: 938px) and (min-width: 769px), only screen and (max-width: 688px) { +$min-table-width: 688px; +@media only screen and (max-width: $min-table-width + $navigation-width) and (min-width: $breakpoint-mobile + 1), only screen and (max-width: $min-table-width) { .app-files #app-content.dir-drop{ background-color: rgba(255, 255, 255, 1)!important; |