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 /core/css | |
| 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 'core/css')
| -rw-r--r-- | core/css/apps.scss | 2 | ||||
| -rw-r--r-- | core/css/variables.scss | 4 |
2 files changed, 3 insertions, 3 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index 2a229531ffb..ea0bfaa3c7d 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -592,7 +592,7 @@ kbd { /** * !Important. We are defining the minimum requirement we want for flex - * Just before the mobile breakpoint we have $breakpoint-mobile (768px) - $navigation-width + * Just before the mobile breakpoint we have $breakpoint-mobile (1024px) - $navigation-width * -> 468px. In that case we want 200px for the list and 268px for the content */ $min-content-width: $breakpoint-mobile - $navigation-width - $list-min-width; diff --git a/core/css/variables.scss b/core/css/variables.scss index 285ebc4f6d8..960371c2536 100644 --- a/core/css/variables.scss +++ b/core/css/variables.scss @@ -92,5 +92,5 @@ $sidebar-max-width: 500px; $list-min-width: 200px; $list-max-width: 300px; -// mobile -$breakpoint-mobile: 768px; +// mobile. Keep in sync with core/js/js.js +$breakpoint-mobile: 1024px; |