Reduce loading image size and get back previous white color on animat…

…ion (3liz#4452)
nworr · May 17, 2024 · 761fa59 · 761fa59
1 parent 5b459e7
commit 761fa59
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/lizmap/www/assets/css/img/loading.svg b/lizmap/www/assets/css/img/loading.svg
diff --git a/lizmap/www/assets/css/map.css b/lizmap/www/assets/css/map.css
@@ -2318,7 +2318,7 @@ lizmap-mouse-position > div.coords-unit > select{
   display: none;
 }
 #loading {
-  background-image: url(img/loading.gif);
+  background-image: url(img/loading.svg);
   background-repeat: no-repeat;
   background-position-x: center;
   background-position-y: center;

diff --git a/lizmap/www/themes/default/css/img/loading.svg b/lizmap/www/themes/default/css/img/loading.svg
diff --git a/lizmap/www/themes/default/css/map.css b/lizmap/www/themes/default/css/map.css
@@ -860,11 +860,12 @@ lizmap-feature-toolbar button.btn:hover,
   display: none;
 }
 #loading {
-  background-image: url(img/loading.gif);
+  background-image: url(img/loading.svg);
   background-repeat: no-repeat;
   background-position-x: center;
   background-position-y: center;
-  filter: hue-rotate(140deg) brightness(70%);
+  background-size: contain;
+  background-origin: content-box;
 }