mythic-insight/calcom
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

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

Browse source 
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
This commit is contained in:
Vlad 2022-03-18 19:31:30 +01:00 committed by GitHub
parent 47ce2feb3c
commit 46f515a19f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
apps/web/components/ui/form/Select.tsx
View file

@ -20,6 +20,15 @@ function Select<
primary25: "rgba(244, 245, 246, var(--tw-bg-opacity))", 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={{
...components, ...components,
IndicatorSeparator: () => null, IndicatorSeparator: () => null,