Add tooltip delay

Author: reakaleek

src/Elastic.Documentation.Site/Assets/main.ts

@@ -25,7 +25,9 @@ document.addEventListener('htmx:load', function () {
     initSmoothScroll()
     openDetailsWithAnchor()
     initDismissibleBanner()
-    tippy('[data-tippy-content]:not([data-tippy-content=""])')
+    tippy('[data-tippy-content]:not([data-tippy-content=""])', {
+        delay: [400, 100],
+    })
 })
 
 // Don't remove style tags because they are used by the elastic global nav.

src/Elastic.Documentation.Site/Assets/styles.css

@@ -175,7 +175,7 @@
 			background-color: var(--color-white);
 			border: 1px solid var(--color-grey-20);
 			font-weight: normal;
-			&[data-tippy-content]:not([data-tippy-content=""]) {
+			&[data-tippy-content]:not([data-tippy-content='']) {
 				cursor: help;
 			}
 		}