fix(tooltip): make react tooltip stay open EE-3445

2022-06-17 13:10:26 +12:00
2 changed files with 7 additions and 0 deletions
--- a/app/portainer/components/Tip/Tooltip/Tooltip.module.css
+++ b/app/portainer/components/Tip/Tooltip/Tooltip.module.css
@@ -15,6 +15,12 @@
  text-align: center;
  font-size: 12px !important;
  font-weight: 400;
+  pointer-events: auto !important;
+}
+
+.tooltip:hover{
+    visibility: visible !important;
+    opacity: 1 !important;
 }

 .icon {
--- a/app/portainer/components/Tip/Tooltip/Tooltip.tsx
+++ b/app/portainer/components/Tip/Tooltip/Tooltip.tsx
@@ -24,6 +24,7 @@ export function Tooltip({ message, position = 'bottom' }: Props) {
        place={position}
        effect="solid"
        className={styles.tooltip}
+        delayHide={200}
        arrowColor="transparent"
      />
    </span>