From 58f7b1be7c1ce366eabae3b172de732f0122776b Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 25 Oct 2021 16:22:49 +0200 Subject: 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. --- htdocs/src/scss/base/_helpers.scss | 2 +- htdocs/src/scss/base/_spacings.scss | 10 ++++++++++ 2 files changed, 11 insertions(+), 1 deletion(-) (limited to 'htdocs/src/scss/base') 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), + ) + ); + } +} -- cgit v1.2.3