feat(overlay): add shadow on arrow tip

ovh · Jul 29, 2024 · f263d7c · f263d7c
1 parent 5d071b5
commit f263d7c
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/ods/src/style/_overlay.scss b/packages/ods/src/style/_overlay.scss
@@ -1,9 +1,10 @@
 $ods-overlay-z-index: 99;
 
 @mixin ods-tooltip() {
+  transform: translateZ(0); // needed for Safari, otherwise filter has a weird rendering
   z-index: $ods-overlay-z-index;
   border-radius: 4px;
-  box-shadow: 0 2px 8px 0 rgba(0, 14, 156, 0.20);
+  filter: drop-shadow(0 2px 8px rgba(0, 14, 156, 0.2));
   background: var(--ods-color-primary-000);
   padding: 8px;
   color: var(--ods-color-primary-500);