diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-10-25 16:22:49 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-10-25 16:22:49 +0200 |
| commit | 58f7b1be7c1ce366eabae3b172de732f0122776b (patch) | |
| tree | 04f6c72e7f9af07a38491303c394269395f63da8 /htdocs/src/scss/base | |
| parent | 7f8f54202834241ed6a859c3dc8349c6ee02742a (diff) | |
chore: print the project preview & details on click
On small viewport, hide the project details and display it when the
user clicks on toolbar button. So I adjust the toolbar z-index and the
preview height.
Diffstat (limited to 'htdocs/src/scss/base')
| -rw-r--r-- | htdocs/src/scss/base/_helpers.scss | 2 | ||||
| -rw-r--r-- | htdocs/src/scss/base/_spacings.scss | 10 |
2 files changed, 11 insertions, 1 deletions
diff --git a/htdocs/src/scss/base/_helpers.scss b/htdocs/src/scss/base/_helpers.scss index 2e85a51..d6a9233 100644 --- a/htdocs/src/scss/base/_helpers.scss +++ b/htdocs/src/scss/base/_helpers.scss @@ -2,7 +2,7 @@ @use "../abstracts/mixins" as mix; .hide { - display: none; + display: none !important; } /* Text meant only for screen readers. */ diff --git a/htdocs/src/scss/base/_spacings.scss b/htdocs/src/scss/base/_spacings.scss index 9106c48..f7ff3c0 100644 --- a/htdocs/src/scss/base/_spacings.scss +++ b/htdocs/src/scss/base/_spacings.scss @@ -15,3 +15,13 @@ toolbar-height: fun.convert-px(60), ) ); + +@include mix.media("screen") { + @include mix.dimensions("lg") { + @include mix.set-vars( + ( + toolbar-height: fun.convert-px(0), + ) + ); + } +} |