Closes #7936

- Remove `c-menu` from Tooltip. - Tooltip component tweaks.
nasa · Dec 18, 2024 · 8c72e4a · 8c72e4a
1 parent 638b03c
commit 8c72e4a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/api/tooltips/components/TooltipComponent.vue b/src/api/tooltips/components/TooltipComponent.vue
@@ -22,7 +22,7 @@ at runtime from the About dialog for additional information.
 <template>
   <div
     ref="tooltip-wrapper"
-    class="c-menu c-tooltip-wrapper"
+    class="c-tooltip-wrapper"
     :class="cssClasses"
     :style="toolTipLocationStyle"
     role="tooltip"

diff --git a/src/api/tooltips/components/tooltip-component.scss b/src/api/tooltips/components/tooltip-component.scss
@@ -1,10 +1,13 @@
 .c-tooltip-wrapper {
+  @include menuOuter();
   max-width: 200px;
   height: auto;
   width: auto;
-  padding: $interiorMargin;
+  padding: $interiorMargin $interiorMarginLg;
   overflow-wrap: break-word;
   pointer-events: none;
+  position: absolute;
+  z-index: 100;
 }
 
 .c-tooltip {