Using checkbox tree control

2026-07-11 20:50:43 -05:00
parent 900e195926
commit 6bd490087b
14 changed files with 680 additions and 118 deletions
@@ -5,6 +5,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>A Plot of Plants</title>
    <link rel="stylesheet" href="./vendor/leaflet/leaflet.css" />
+    <link rel="stylesheet" href="./src/lib/checkbox-tree/checkbox-tree.css" />
    <link rel="stylesheet" href="./styles.css" />
  </head>
  <body>
@@ -17,7 +18,10 @@
          a variety of trees, shrubs, and flowers. There are many varieties of
          daylilies.
        </p>
-        <div class="legend" id="legend"></div>
+        <section class="visibility-panel" aria-labelledby="visibility-title">
+          <h2 id="visibility-title">Map features</h2>
+          <div id="visibility-tree"></div>
+        </section>
      </aside>
      <main>
        <div id="map" aria-label="Map of yard"></div>