witine/lookingglass
1
0
Fork 0
forked from mirrors/thatmattlove-hyperglass
Code Issues Pull requests Releases Activity

fix select style

Browse source
This commit is contained in:
checktheroads 2021-04-10 11:18:51 -07:00
parent 253d167a5a
commit 71caf051e1
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
hyperglass/ui/components/select/styles.tsx
View file

@ -52,19 +52,20 @@ export const useControlStyle = (base: TStyles, state: TControl): TStyles => {
export const useMenuStyle = (base: TStyles, _: TMenu): TStyles => {
const { colorMode, isOpen } = useSelectContext();
const backgroundColor = useColorToken('colors', 'white', 'blackSolid.700');
const borderRadius = useToken('radii', 'md');
const styles = { borderRadius, backgroundColor };
const styles = { backgroundColor };
return useMemo(() => mergeWith({}, base, styles), [colorMode, isOpen]);
};
export const useMenuListStyle = (base: TStyles): TStyles => {
const { colorMode, isOpen } = useSelectContext();
const borderRadius = useToken('radii', 'md');
const backgroundColor = useColorToken('colors', 'white', 'blackSolid.700');
const scrollbarTrack = useColorToken('colors', 'blackAlpha.50', 'whiteAlpha.50');
const scrollbarThumb = useColorToken('colors', 'blackAlpha.300', 'whiteAlpha.300');
const scrollbarThumbHover = useColorToken('colors', 'blackAlpha.400', 'whiteAlpha.400');
const styles = {
borderRadius,
backgroundColor,
'&::-webkit-scrollbar': { width: '5px' },
'&::-webkit-scrollbar-track': { backgroundColor: scrollbarTrack },