Add minor tweaks to Tooltip component

edmundito · edmundito · commit 30c5aa13e218 · 2022-07-21T10:34:34.000-07:00
diff --git a/airbyte-webapp/src/components/ToolTip/ToolTip.module.scss b/airbyte-webapp/src/components/ToolTip/ToolTip.module.scss
@@ -11,7 +11,7 @@
   line-height: initial;
 
   padding: variables.$spacing-md;
-  margin: variables.$spacing-md;
+  margin: variables.$spacing-sm;
   border-radius: 4px;
   min-width: 100px;
   max-width: 380px;
diff --git a/airbyte-webapp/src/components/ToolTip/ToolTip.tsx b/airbyte-webapp/src/components/ToolTip/ToolTip.tsx
@@ -17,7 +17,7 @@ interface ToolTipProps {
   align?: ToolTipAlignment;
 }
 
-const MOUSE_OUT_TIMEOUT_MS: Readonly<number> = 250;
+const MOUSE_OUT_TIMEOUT_MS: Readonly<number> = 50;
 
 const TETHER_ATTACHMENT_BY_ALIGNMENT: Readonly<Record<ToolTipAlignment, string>> = {
   top: "bottom center",

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ interface ToolTipProps {`
`17`	`17`	`align?: ToolTipAlignment;`
`18`	`18`	`}`
`19`	`19`
`20`		`-const MOUSE_OUT_TIMEOUT_MS: Readonly<number> = 250;`
	`20`	`+const MOUSE_OUT_TIMEOUT_MS: Readonly<number> = 50;`
`21`	`21`
`22`	`22`	`const TETHER_ATTACHMENT_BY_ALIGNMENT: Readonly<Record<ToolTipAlignment, string>> = {`
`23`	`23`	`top: "bottom center",`