From 6bddcef8dd7a5ce38562222fb7c1f40a4fdcbbd7 Mon Sep 17 00:00:00 2001
From: xaralis <filip.varecha@fragaria.cz>
Date: Mon, 23 May 2022 11:33:55 +0100
Subject: [PATCH] feat(maps_utils): improve zoom controls style
---
.../maps_utils/geo-feature-collection.css | 30 +++++++++++++++++++
1 file changed, 30 insertions(+)
diff --git a/maps_utils/static/maps_utils/geo-feature-collection.css b/maps_utils/static/maps_utils/geo-feature-collection.css
index d3c77034..ace839ee 100644
--- a/maps_utils/static/maps_utils/geo-feature-collection.css
+++ b/maps_utils/static/maps_utils/geo-feature-collection.css
@@ -117,3 +117,33 @@
.geo-feature-collection-tooltip:before {
display: none;
}
+
+.geo-feature-collection .leaflet-touch .leaflet-bar {
+ border: none;
+ box-shadow: 0 6px 6px -3px rgb(221 221 221 / 43%), 0 10px 14px 1px rgb(221 221 221 / 37%), 0 4px 18px 3px rgb(221 221 221 / 35%)
+}
+
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-in,
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-out {
+ line-height: 2rem;
+ height: 2rem;
+ width: 2rem;
+ font-weight: bold;
+ font-size: 24px;
+ font-family: var(--font-body);
+}
+
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-in:hover,
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-out:hover {
+ background-color: var(--color-grey-125);
+}
+
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-in {
+ border-top-left-radius: .5rem !important;
+ border-top-right-radius: .5rem !important;
+ border-bottom: 1px var(--color-grey-125) solid !important;
+}
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-out {
+ border-bottom-left-radius: .5rem !important;
+ border-bottom-right-radius: .5rem !important;
+}
--
GitLab