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/layout | |
| 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/layout')
| -rw-r--r-- | htdocs/src/scss/layout/_main.scss | 2 | ||||
| -rw-r--r-- | htdocs/src/scss/layout/_toolbar.scss | 1 |
2 files changed, 2 insertions, 1 deletions
diff --git a/htdocs/src/scss/layout/_main.scss b/htdocs/src/scss/layout/_main.scss index 9adb18d..8118d9b 100644 --- a/htdocs/src/scss/layout/_main.scss +++ b/htdocs/src/scss/layout/_main.scss @@ -35,7 +35,7 @@ .project-preview { background: fun.get-var(color-bg); - flex: 1; + flex: 0 1 calc(100% - #{fun.get-var(toolbar-height)}); width: 100%; @include mix.media("screen") { diff --git a/htdocs/src/scss/layout/_toolbar.scss b/htdocs/src/scss/layout/_toolbar.scss index 585b3e6..c96bd1d 100644 --- a/htdocs/src/scss/layout/_toolbar.scss +++ b/htdocs/src/scss/layout/_toolbar.scss @@ -13,6 +13,7 @@ left: 0; position: absolute; right: 0; + z-index: 2; & > &__options { background: fun.get-var(color-primary); |