From 4e7e5de25cda99eed318e83f6ae947f66d063ea4 Mon Sep 17 00:00:00 2001
From: Darius Auding <Darius.auding@gmx.de>
Date: Wed, 27 Mar 2024 22:29:24 +0100
Subject: [PATCH] Make the burger look right
- Make burger use the 4 spans as specified by bulma docs.
- Correct the burger animation to use those 4 spans
- Color the burger white
---
sass/_menu.scss | 17 ++++++++++++-----
templates/menu.html | 1 +
2 files changed, 13 insertions(+), 5 deletions(-)
diff --git a/sass/_menu.scss b/sass/_menu.scss
index 68c5488f..9f2c1de3 100644
--- a/sass/_menu.scss
+++ b/sass/_menu.scss
@@ -11,17 +11,20 @@
.navbar .navbar-toggle:checked {
&+.navbar-brand .navbar-burger {
& span:nth-child(1) {
- -webkit-transform: translateY(5px) rotate(45deg);
- transform: translateY(5px) rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ transform: translateY(0px) rotate(45deg);
}
& span:nth-child(2) {
opacity: 0;
}
-
& span:nth-child(3) {
- -webkit-transform: translateY(-5px) rotate(-45deg);
- transform: translateY(-5px) rotate(-45deg);
+ opacity: 0;
+ }
+
+ & span:nth-child(4) {
+ -webkit-transform: rotate(-45deg);
+ transform: translateY(-6px) rotate(-45deg);
}
}
@@ -74,3 +77,7 @@
filter: saturate(0) brightness(0) invert(1);
}
}
+
+.navbar-burger {
+ color: white !important;
+}
diff --git a/templates/menu.html b/templates/menu.html
index e5d47447..5083e4da 100644
--- a/templates/menu.html
+++ b/templates/menu.html
@@ -11,6 +11,7 @@
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
</label>
</div>
--
GitLab