Fix support dropdown from disappearing

josh-wong · josh-wong · commit ea8143581ee8 · 2025-03-06T18:55:46.000+09:00
This style keeps the support button dropdown menu open when moving the mouse between the button text and icon.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -302,9 +302,8 @@ html[data-theme="dark"] .tooltip-glossary {
   z-index: 1;
 }
 
-.supportDropBtn svg { /* Arrow icon */
-  width: 12px;
-  height: 12px;
+.supportDropBtn svg { /* Keep dropdown open when moving the mouse between text and icon. */
+  pointer-events: none;
 }
 
 .supportDropdown:hover .supportDropBtn {

Original file line number	Diff line number	Diff line change
`@@ -302,9 +302,8 @@ html[data-theme="dark"] .tooltip-glossary {`
`302`	`302`	`z-index: 1;`
`303`	`303`	`}`
`304`	`304`
`305`		`-.supportDropBtn svg { /* Arrow icon */`
`306`		`- width: 12px;`
`307`		`- height: 12px;`
	`305`	`+.supportDropBtn svg { /* Keep dropdown open when moving the mouse between text and icon. */`
	`306`	`+ pointer-events: none;`
`308`	`307`	`}`
`309`	`308`
`310`	`309`	`.supportDropdown:hover .supportDropBtn {`