Add boxShadow to the tooltip

Author: dmnplb

ts/features/tour/components/TourOverlay.tsx

@@ -20,7 +20,7 @@ import { TourItemMeasurement } from "../types";
 import { useTourContext } from "./TourProvider";
 import { TourTooltip } from "./TourTooltip";
 
-const OVERLAY_COLOR = "rgba(0,0,0,0.7)";
+const OVERLAY_COLOR = "rgba(0,0,0,0.5)";
 const CUTOUT_BORDER_RADIUS = 8;
 const CUTOUT_PADDING = 4;
 const ANIMATION_DURATION = 300;

ts/features/tour/components/TourTooltip.tsx

@@ -162,14 +162,15 @@ const styles = StyleSheet.create({
   tooltip: {
     borderRadius: BORDER_RADIUS,
     borderCurve: "continuous",
-    padding: 16
+    padding: 16,
+    boxShadow: "0px 2px 8px rgba(0, 0, 0, 0.15)"
   },
   arrow: {
     position: "absolute",
     width: ARROW_SIZE,
     height: ARROW_SIZE,
     transform: [{ rotate: "45deg" }],
-    zIndex: -1
+    zIndex: 2
   },
   buttonsRow: {
     flexDirection: "row",