Add slider label

lucianpls · Jul 24, 2024 · bddd6a8 · bddd6a8
1 parent 7a20b9d
commit bddd6a8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -152,9 +152,11 @@
   <div id="map"></div>
   <div id="info-pane" class="leaflet-bar">
     <div id="sungle">
-      <input type="range" min="40" max="140" value="45" class="slider" id="sunAngle">
+      <input type="range" min="40" max="140" value="45" class="slider" id="sunAngle" label="Sun Elevation">
     </div>
-      <div id="slider"></div>
+    <label>Sun Elevation</label>
+    <hr>
+    <div id="slider"></div>
     <br><label id="min">0 meters</label>
     <br><label id="max">4000 meters</label>
     <hr>

diff --git a/leaflet.html b/leaflet.html
@@ -152,9 +152,11 @@
   <div id="map"></div>
   <div id="info-pane" class="leaflet-bar">
     <div id="sungle">
-      <input type="range" min="40" max="140" value="45" class="slider" id="sunAngle">
+      <input type="range" min="40" max="140" value="45" class="slider" id="sunAngle" label="Sun Elevation">
     </div>
-      <div id="slider"></div>
+    <label>Sun Elevation</label>
+    <hr>
+    <div id="slider"></div>
     <br><label id="min">0 meters</label>
     <br><label id="max">4000 meters</label>
     <hr>