improve timeline tooltip arrow

WFP-VAM · Jan 14, 2025 · 53fca9f · 53fca9f
1 parent a8966e4
commit 53fca9f
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/frontend/src/components/MapView/DateSelector/TimelineItems/index.tsx b/frontend/src/components/MapView/DateSelector/TimelineItems/index.tsx
@@ -104,6 +104,7 @@ const TimelineItems = memo(
                 tooltip: isShowingAAStormLayer
                   ? classes.AAStormTooltip
                   : classes.AADroughtTooltip,
+                arrow: classes.arrow,
               }}
             >
               <Grid
@@ -214,6 +215,16 @@ const useStyles = makeStyles(() =>
         border: '2px solid black',
       },
     },
+
+    arrow: {
+      width: '12px',
+      height: '10px',
+      bottom: '-3px !important',
+      '&::before': {
+        backgroundColor: 'white',
+        boxShadow: 'inset 0px 0px 1px 1px #D3D3D3',
+      },
+    },
   }),
 );