Merge pull request #159 from akhuoa/bugfix/tooltip-arrows

Fix tooltip arrow on top position
ABI-Software · Apr 15, 2024 · 1494847 · 1494847
2 parents 387c93c + 34d601e
commit 1494847
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/FlatmapVuer.vue b/src/components/FlatmapVuer.vue
@@ -2024,19 +2024,20 @@ export default {
   }
   &.maplibregl-popup-anchor-top {
     .maplibregl-popup-content {
-      margin-top: 18px;
+      margin-top: 12px;
       &::after,
       &::before {
-        top: calc(-100% - 4px);
+        top: auto;
+        bottom: 100%;
         border-width: 12px;
       }
       /* this border color controlls the color of the triangle (what looks like the fill of the triangle) */
       &::after {
-        margin-top: 1px;
         border-color: transparent transparent rgb(255, 255, 255) transparent;
       }
       &::before {
         margin: 0 auto;
+        margin-bottom: 1px;
         border-color: transparent transparent $app-primary-color transparent;
       }
     }