From 647ec15b6058b46c8dfa03a7d8fe1959ce8acbeb Mon Sep 17 00:00:00 2001
From: Steven Engler <smengler3@gmail.com>
Date: Sat, 30 Mar 2024 01:39:00 -0400
Subject: [PATCH] Rotate the hamburger icon when the menu is open

---
 static/css/styles.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/static/css/styles.css b/static/css/styles.css
index eb7c6fc..051de62 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -338,6 +338,11 @@ blockquote {
 	display: none;
 }
 
+#show-hide-menu-label * {
+	/* duration for the rotation transition of the hamburger image */
+	transition-duration: 100ms;
+}
+
 body {
 	font-size: 13pt;
 	font-family: Lato, Arial, Helvetica, "Liberation Sans", sans-serif;
@@ -527,6 +532,10 @@ body {
 		display: inherit;
 	}
 
+	.show-hide-menu-input:checked ~ .main #show-hide-menu-label > img {
+		transform: rotate(90deg);
+	}
+
 	.show-hide-menu-input:checked ~ .overlay {
 		visibility: visible;
 		opacity: 1;