nakarte

commit 8019da5a879551708b53f31be15576c06dca975a
parent 2cf90016af5092a2afd1ecd3748fda3006b093c9
Author: Sergej Orlov <wladimirych@gmail.com>
Date:   Sun, 30 Mar 2025 21:23:08 +0200

tracks: change icon to indicate tracks are beeen loaded when tracks controll is collapsed

Diffstat:
M
src/lib/leaflet.control.track-list/track-list.css
 | 
2
+-
M
src/lib/leaflet.control.track-list/track-list.js
 | 
3
++-

2 files changed, 3 insertions(+), 2 deletions(-)
diff --git a/src/lib/leaflet.control.track-list/track-list.css b/src/lib/leaflet.control.track-list/track-list.css
@@ -258,7 +258,7 @@
     height: 18px;
 }
 
-.leaflet-control-tracklist .leaflet-control-button-toggle {
+.icon-tracks {
     background-image: url("images/route.svg");
  }
 
diff --git a/src/lib/leaflet.control.track-list/track-list.js b/src/lib/leaflet.control.track-list/track-list.js
@@ -163,7 +163,8 @@ L.Control.TrackList = L.Control.extend({
 
             /* eslint-disable max-len */
             container.innerHTML = `
-                <div class="leaflet-control-button-toggle" data-bind="click: setExpanded"
+                <div class="leaflet-control-button-toggle"
+                 data-bind="click: setExpanded, class: readingFiles() ? 'icon-spinner-nuclear' : 'icon-tracks'"
                  title="Load, edit and save tracks"></div>
                 <div class="leaflet-control-content">
                 <div class="header">