diff options
| author | John Molakvoæ <skjnldsv@users.noreply.github.com> | 2019-05-30 09:27:58 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-05-30 09:27:58 +0200 |
| commit | fd9ff581e2a92f65def3f5d3209c4328fb65416a (patch) | |
| tree | 8dde36e30baf8d5f9b1dcda40bfe8cc5f9f6700f /apps | |
| parent | 89c701382f7a3dfaae3a45d1001ab26fb08cdd8a (diff) | |
| parent | 3c30d293fa1d52ff51581091e3d39a30ac7474d3 (diff) | |
| download | nextcloud-server-fd9ff581e2a92f65def3f5d3209c4328fb65416a.tar.gz nextcloud-server-fd9ff581e2a92f65def3f5d3209c4328fb65416a.zip | |
CSS: adjust media query breakpoint to improve tablet readability (#15199)
CSS: adjust media query breakpoint to improve tablet readability
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/files/css/mobile.scss | 5 | ||||
| -rw-r--r-- | apps/files_sharing/css/public.scss | 2 |
2 files changed, 4 insertions, 3 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; diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss index 83cba309da7..13a3ee291fa 100644 --- a/apps/files_sharing/css/public.scss +++ b/apps/files_sharing/css/public.scss @@ -195,7 +195,7 @@ thead { // hide the download entry on the menu // on public share when NOT on mobile -@media only screen and (min-width: 769px) { +@media only screen and (min-width: $mobile_breakpoint + 1) { #body-public { .header-right { #header-actions-menu { |