Icon picker gap & hover color (#2522)

- icon picker gap & hover color
This commit is contained in:
brendanlaschke 2023-11-17 22:35:07 +01:00 committed by GitHub
parent aa2596c572
commit 18846885cd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -31,11 +31,12 @@ const StyledMenuIconItemsContainer = styled.div`
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: ${({ theme }) => theme.spacing(0.5)};
`;
const StyledLightIconButton = styled(LightIconButton)<{ isSelected?: boolean }>`
background: ${({ theme, isSelected }) =>
isSelected ? theme.background.transparent.light : 'transparent'};
isSelected ? theme.background.transparent.medium : 'transparent'};
`;
const convertIconKeyToLabel = (iconKey: string) =>
@ -84,9 +85,9 @@ export const IconPicker = ({
variant={variant}
/>
}
dropdownMenuWidth={168}
dropdownMenuWidth={176}
dropdownComponents={
<DropdownMenu width={168}>
<DropdownMenu width={176}>
<DropdownMenuSearchInput
placeholder="Search icon"
autoFocus