fix(overlay): set specific z-index

ovh · Jul 29, 2024 · a089136 · a089136
1 parent 93569ce
commit a089136
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/ods/src/components/popover/src/index.html b/packages/ods/src/components/popover/src/index.html
@@ -63,7 +63,7 @@
               id="trigger-test-focus"
               label="Menu">
   </ods-button>
-  <ods-popover position="top"
+  <ods-popover position="right"
                trigger-id="trigger-test-focus"
                with-arrow>
     <div>

diff --git a/packages/ods/src/style/_overlay.scss b/packages/ods/src/style/_overlay.scss
@@ -1,4 +1,7 @@
+$ods-overlay-z-index: 99;
+
 @mixin ods-tooltip() {
+  z-index: $ods-overlay-z-index;
   border-radius: 4px;
   box-shadow: 0 2px 8px 0 rgba(0, 14, 156, 0.20);
   background: var(--ods-color-primary-000);
@@ -9,6 +12,7 @@
 @mixin ods-tooltip-arrow() {
   position: absolute;
   transform: rotate(45deg);
+  z-index: $ods-overlay-z-index;
   background: inherit;
   width: 8px;
   height: 8px;