change delay to tailwind classes

jplag · Sep 15, 2023 · abbcdfb · abbcdfb
1 parent 52fd4b7
commit abbcdfb
Showing 1 changed file with 1 addition and 11 deletions.
diff --git a/report-viewer/src/components/ToolTipComponent.vue b/report-viewer/src/components/ToolTipComponent.vue
@@ -2,7 +2,7 @@
   <div class="group relative inline-block">
     <slot></slot>
     <div
-      class="delay-visible invisible absolute z-10 rounded-md px-1 text-center text-white group-hover:visible"
+      class="invisible absolute z-10 rounded-md px-1 text-center text-white delay-0 group-hover:visible group-hover:delay-200"
       :style="tooltipPosition"
     >
       <slot name="tooltip"></slot>
@@ -71,13 +71,3 @@ const arrowStyle = computed(() => {
   return style
 })
 </script>
-
-<style scoped>
-.delay-visible {
-  transition-delay: 0s;
-}
-
-*:hover > .delay-visible {
-  transition-delay: 0.2s;
-}
-</style>