diff options
| author | Eugen Wissner <belka@caraus.de> | 2026-08-18 12:41:10 +0200 |
|---|---|---|
| committer | Eugen Wissner <belka@caraus.de> | 2026-08-18 12:41:10 +0200 |
| commit | 47b70419b3cb8fad1d797c863d17a0303b5d7724 (patch) | |
| tree | 0f15850d9d14e011a5ad43315796c4002935e16c | |
| parent | 859e07942e3a3b4074513627a60513f0fa624154 (diff) | |
| download | flevum-47b70419b3cb8fad1d797c863d17a0303b5d7724.tar.gz | |
Fix mobile menu not showing top and bottom strokes
| -rw-r--r-- | assets/css/partials/burger-menu.css | 21 | ||||
| -rw-r--r-- | assets/css/partials/header-separator.css | 21 | ||||
| -rw-r--r-- | templates/default.html | 2 |
3 files changed, 18 insertions, 26 deletions
diff --git a/assets/css/partials/burger-menu.css b/assets/css/partials/burger-menu.css index 91e4101..71eb500 100644 --- a/assets/css/partials/burger-menu.css +++ b/assets/css/partials/burger-menu.css @@ -32,34 +32,29 @@ user-select: none; } -.toggleBurgerWrapper span { +.toggleBurgerWrapper span, +.toggleBurgerWrapper span:before, +.toggleBurgerWrapper span:after { position: absolute; - top: 50%; height: 2px; width: 100%; background: var(--grey-222); - transition: all .3s ease; - transform: translate(0, -50%); } -.toggleBurgerWrapper span:before, -.toggleBurgerWrapper span:before:after { - position: absolute; - height: 2px; - width: 100%; - background: var(--grey-222); - content: ""; - - transition: all .3s ease; +.toggleBurgerWrapper span { + top: 50%; + transform: translate(0, -50%); } .toggleBurgerWrapper span:before { top: -6px; + content: ""; } .toggleBurgerWrapper span:after { top: 6px; + content: ""; } @media screen and (max-width: 800px) { diff --git a/assets/css/partials/header-separator.css b/assets/css/partials/header-separator.css index e1e5358..3c02cd1 100644 --- a/assets/css/partials/header-separator.css +++ b/assets/css/partials/header-separator.css @@ -1,28 +1,25 @@ -.header-content-separator { - position: relative; - margin: 40px auto; +.header-content-separator, +.header-content-separator:before, +.header-content-separator:after { width: 4px; height: 4px; border-radius: 50%; background: var(--grey-ccc); } +.header-content-separator { + position: relative; + margin: 40px auto; +} + .header-content-separator:before { position: absolute; left: -8px; - width: 4px; - height: 4px; - border-radius: 50%; - background: var(--grey-ccc); content: ""; } -.header-content-separator::after { +.header-content-separator:after { position: absolute; left: 8px; - width: 4px; - height: 4px; - border-radius: 50%; - background: var(--grey-ccc); content: ""; } diff --git a/templates/default.html b/templates/default.html index f3e5b7c..fefb385 100644 --- a/templates/default.html +++ b/templates/default.html @@ -7,7 +7,7 @@ <link rel="canonical" href="https://www.flevum.de$url$"> <link rel="icon" type="image/png" href="/assets/images/favicon.svg"> - <link href="/assets/css/styles.css?v=3" rel="stylesheet"> + <link href="/assets/css/styles.css?v=4" rel="stylesheet"> </head> <body> |