From 3b07fbbd23bde225c92af294c5b25ac730d6aad8 Mon Sep 17 00:00:00 2001 From: zoe Date: Sat, 16 Apr 2022 15:27:37 +0200 Subject: [PATCH] responsive footer --- ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 49 ++++++++++++++++--- themes/battheme | 2 +- 2 files changed, 44 insertions(+), 7 deletions(-) diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..0e9bf45 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -220,6 +220,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +355,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -349,9 +366,14 @@ header { justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2%; + margin-bottom: 2%; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -497,7 +519,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +533,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..052ff3b 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 052ff3b0a8e633fd84011967cbdc2ed694c52d5d