adds missing styling for map popup tip

Vizzuality · Nov 13, 2024 · 2137e99 · 2137e99
1 parent 174fef7
commit 2137e99
Showing 1 changed file with 24 additions and 2 deletions.
diff --git a/client/src/app/globals.css b/client/src/app/globals.css
@@ -62,9 +62,31 @@ body {
   }
 }
 
-.mapboxgl-popup-tip {
-  @apply !border-t-popover !z-10 relative;
+/* mapbox styles */
+.mapboxgl-popup-anchor-top {
+  .mapboxgl-popup-tip {
+    @apply !border-b-popover !z-10 relative;
+  }
+}
+
+.mapboxgl-popup-anchor-bottom {
+  .mapboxgl-popup-tip {
+    @apply !border-t-popover !z-10 relative;
+  }
 }
+
+.mapboxgl-popup-anchor-left {
+  .mapboxgl-popup-tip {
+    @apply !border-r-popover !z-10 relative;
+  }
+}
+
+.mapboxgl-popup-anchor-right {
+  .mapboxgl-popup-tip {
+    @apply !border-l-popover !z-10 relative;
+  }
+}
+
 .mapboxgl-popup-content {
   @apply !bg-popover !rounded-md border border-border text-big-stone-50 shadow-md;
 }