Using svg icons for Leaflet zoom controls

IITC-CE · Dec 16, 2024 · da92cdf · da92cdf
1 parent 17d31e9
commit da92cdf
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/core/style.css b/core/style.css
@@ -1270,6 +1270,19 @@ td + td {
   text-decoration: none;
 }
 
+.leaflet-control-zoom-in, .leaflet-control-zoom-out {
+  background-size: 18px;
+  font-size: 0 !important;
+}
+
+.leaflet-control-zoom-in {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 3v12M3 9h12' stroke='black' stroke-width='2.2' fill='none'/%3E%3C/svg%3E");
+}
+
+.leaflet-control-zoom-out {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3.5 9h11' stroke='black' stroke-width='2.2' fill='none'/%3E%3C/svg%3E");
+}
+
 
 .portal_details th, .portal_details td {
   vertical-align: top;