Add hover style on selecti option

netdata · Feb 26, 2024 · c2d6c36 · c2d6c36
1 parent bf1dae1
commit c2d6c36
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/select/index.js b/src/components/select/index.js
@@ -150,6 +150,10 @@ const makeCustomStyles = (theme, { minWidth, size, ...providedStyles } = {}) =>
   option: (styles, state) => ({
     ...styles,
     color: getOptionColor(theme, state),
+    ":hover": {
+      backgroundColor: theme.colors.dropdown,
+      color: theme.colors.bright,
+    },
     ...(size === "tiny" ? { fontSize: "12px", minHeight: 28, padding: "4px 8px" } : {}),
   }),
   placeholder: styles => ({