style: update menu navigation to use specific ID for better targeting

Lemon73-Computing · Lemon73-Computing · commit c3bd3c75a76a · 2025-02-07T00:19:10.000+09:00
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -260,15 +260,15 @@ header {
     align-items: center;
     justify-content: center;
   }
-  nav {
+  #menu-header {
     width: 100%;
     /* visibility: hidden; */
     max-height: 0;
 
     transition: max-height .8s ease-in-out;
     overflow: hidden;
   }
-  input[type=checkbox]:checked + nav {
+  input[type=checkbox]:checked + #menu-header {
     visibility: visible;
     max-height: 100vh;
   }
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
@@ -11,7 +11,7 @@
 {{- $menuID := .menuID }}
 
 {{- with index site.Menus $menuID }}
-  <nav>
+  <nav id="menu-header">
     <ul>
       {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
     </ul>

Original file line number	Diff line number	Diff line change
`@@ -260,15 +260,15 @@ header {`
`260`	`260`	`align-items: center;`
`261`	`261`	`justify-content: center;`
`262`	`262`	`}`
`263`		`- nav {`
	`263`	`+ #menu-header {`
`264`	`264`	`width: 100%;`
`265`	`265`	`/* visibility: hidden; */`
`266`	`266`	`max-height: 0;`
`267`	`267`
`268`	`268`	`transition: max-height .8s ease-in-out;`
`269`	`269`	`overflow: hidden;`
`270`	`270`	`}`
`271`		`- input[type=checkbox]:checked + nav {`
	`271`	`+ input[type=checkbox]:checked + #menu-header {`
`272`	`272`	`visibility: visible;`
`273`	`273`	`max-height: 100vh;`
`274`	`274`	`}`