fixed Select component ':active' option color (#2207)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
2022-03-18 19:31:30 +01:00 · 2022-03-18 19:31:30 +01:00 · 46f515a19f
parent 47ce2feb3c
commit 46f515a19f
1 changed files with 9 additions and 0 deletions
--- a/apps/web/components/ui/form/Select.tsx
+++ b/apps/web/components/ui/form/Select.tsx
@ -20,6 +20,15 @@ function Select<
          primary25: "rgba(244, 245, 246, var(--tw-bg-opacity))",
        },
      })}
+      styles={{
+        option: (base, state) => ({
+          ...base,
+          ":active": {
+            backgroundColor: state.isSelected ? "" : "rgba(17, 17, 17, var(--tw-bg-opacity))",
+            color: "#ffffff",
+          },
+        }),
+      }}
      components={{
        ...components,
        IndicatorSeparator: () => null,