diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-11-14 20:34:26 +0300 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-11-14 20:34:26 +0300 |
| commit | f8bed7d58577685234a100cdb5f55d4cca94096f (patch) | |
| tree | d8a01b29c439bf4324a2775cb6a7530b448888b7 /core/css | |
| parent | 2b7832d0c92c34ff5fa52300ed849524a247405b (diff) | |
Allow apps to use the variables too
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/apps.scss | 9 | ||||
| -rw-r--r-- | core/css/variables.scss | 2 |
2 files changed, 6 insertions, 5 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index 4991908e2de..039374bf726 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -605,8 +605,7 @@ kbd { * Just before the mobile breakpoint we have $breakpoint-mobile (768px) - $navigation-width * -> 468px. In that case we want 200px for the list and 268px for the content */ -$min-list-width: 200px; -$min-content-width: $breakpoint-mobile - $navigation-width - $min-list-width; +$min-content-width: $breakpoint-mobile - $navigation-width - $list-min-width; #app-content { z-index: 1000; @@ -1119,9 +1118,9 @@ $popovericon-size: 16px; max-height: calc(100vh - #{$header-height}); overflow-y: auto; overflow-x: hidden; - flex: 1 1 $min-list-width; - min-width: $min-list-width; - max-width: $min-list-width + 100px; + flex: 1 1 $list-min-width; + min-width: $list-min-width; + max-width: $list-max-width; /* Default item */ .app-content-list-item { diff --git a/core/css/variables.scss b/core/css/variables.scss index d7419f0d744..2ec9ba333b4 100644 --- a/core/css/variables.scss +++ b/core/css/variables.scss @@ -87,6 +87,8 @@ $header-height: 50px; $navigation-width: 300px; $sidebar-min-width: 300px; $sidebar-max-width: 500px; +$list-min-width: 200px; +$list-max-width: 300px; // mobile $breakpoint-mobile: 768px; |