fix: use proper z-index for the tooltip component

`9999` seems to break things. `auto` looks to be working properly. Signed-off-by: Artem Chernyshev <[email protected]> (cherry picked from commit 8b16da3)
siderolabs · Jun 21, 2024 · e0a760a · e0a760a
1 parent 67eb768
commit e0a760a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/src/components/common/Tooltip/Tooltip.vue b/frontend/src/components/common/Tooltip/Tooltip.vue
@@ -7,7 +7,7 @@ included in the LICENSE file.
 <template>
   <popper offsetDistance="10" offsetSkid="30" :placement="placement" :show="show && (!!description || !!$slots.description)" class="popper">
     <template #content>
-      <div class="text-xs bg-naturals-N4 rounded p-4 text-naturals-N12">
+      <div class="text-xs bg-naturals-N3 border border-naturals-N4 rounded p-4 text-naturals-N12 z-50">
         <p v-if="description" class="whitespace-pre">{{ description }}</p>
         <slot v-else name="description"/>
       </div>
@@ -57,6 +57,6 @@ const show = ref(false);
   margin: 0 !important;
   border: 0 !important;
   display: block !important;
-  z-index: 9999 !important;
+  z-index: auto !important;
 }
 </style>