🚧 Refactor the UI menu

2026-09-19 10:08:13 +02:00
parent 19bccce083
commit 1c919d89e7
3 changed files with 114 additions and 6 deletions
@@ -39,6 +39,40 @@ body {
  text-decoration: none;
 }

+/* --- Grouped navigation (spec section 57) --- */
+.nav-section {
+  margin-bottom: 0.9rem;
+}
+
+.nav-section h2 {
+  font-size: 0.68rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.07em;
+  color: #7b8794;
+  margin: 0.5rem 0 0.25rem;
+  padding-left: 0.6rem;
+}
+
+/* Unimplemented pages: greyed out, not clickable, tooltip explains why. */
+.nav-section button.nav-disabled {
+  display: block;
+  width: 100%;
+  text-align: left;
+  background: transparent;
+  border: none;
+  color: #616e7c;
+  padding: 0.45rem 0.6rem;
+  margin: 0.1rem 0;
+  border-radius: 6px;
+  opacity: 0.55;
+}
+
+/* Anchor targets inside pages: keep headings clear of the viewport top. */
+h3[id] {
+  scroll-margin-top: 1rem;
+}
+
 .sidebar nav a.active,
 .sidebar nav a:hover {
  background: #323f4b;