feat: add collapsible map controls

2026-07-21 03:02:49 +01:00
parent 4ddb7fc2d8
commit 41ded45b09
5 changed files with 171 additions and 10 deletions
@@ -9,9 +9,28 @@
  </head>
  <body>
    <div class="app-shell">
-      <aside class="sidebar">
+      <button
+        id="sidebar-open"
+        class="sidebar-toggle sidebar-open"
+        type="button"
+        aria-controls="sidebar"
+        aria-expanded="true"
+      >
+        <span aria-hidden="true">☰</span>
+        <span class="visually-hidden">Open map controls</span>
+      </button>
+
+      <aside id="sidebar" class="sidebar" aria-label="Map controls">
+        <button id="sidebar-close" class="sidebar-toggle sidebar-close" type="button">
+          <span aria-hidden="true">×</span>
+          <span class="visually-hidden">Close map controls</span>
+        </button>
        <div class="brand">
-          <h1>XPro Map Visualizer</h1>
+          <h1>
+            <img class="brand-logo" src="./assets/brand/xpro-logo-simple.svg" alt="XPro" />
+            <span class="visually-hidden">XPro</span>
+          </h1>
+          <p class="brand-subtitle">Map Visualizer</p>
        </div>

        <section class="panel">