jeffemmett
/
non-fungible-apps
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: fix combobox zIndex (#228)

This commit is contained in:
Camila Sosa Morales 2023-04-17 15:07:28 -03:00 committed by GitHub
parent 5ae09105c0
commit 3da5666f09
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/src/components/core/color-picker/color-picker.tsx
View File

@ -41,7 +41,6 @@ export const ColorPicker: React.FC<ColorPickerProps> = ({
<div className="relative"> <div className="relative">
<Flex css={{ gap: '$3h', alignItems: 'center' }}> <Flex css={{ gap: '$3h', alignItems: 'center' }}>
<span>Primary Color</span> <span>Primary Color</span>
{/* TODO crate color picker component */}
<Button <Button
leftIcon={ leftIcon={
<Icon name="square" css={{ color: `${logoColor || '$black'}` }} /> <Icon name="square" css={{ color: `${logoColor || '$black'}` }} />
@ -54,7 +53,7 @@ export const ColorPicker: React.FC<ColorPickerProps> = ({
height: '$5', height: '$5',
borderRadius: '$md', borderRadius: '$md',
color: '$slate12', color: '$slate12',
zIndex: '$dropdown', zIndex: '$docked',
minWidth: '$28', minWidth: '$28',
}} }}
onClick={handleColorPickerClick} onClick={handleColorPickerClick}

2
ui/src/components/core/combobox/combobox.styles.ts
View File

@ -54,7 +54,7 @@ export const ComboboxStyles = {
padding: '$3', padding: '$3',
gap: '$2', gap: '$2',
borderRadius: '$lg', borderRadius: '$lg',
zIndex: 10, zIndex: '$dropdown',
maxHeight: '30vh', maxHeight: '30vh',
overflow: 'auto', overflow: 'auto',
}), }),

2
ui/src/views/mint/github-step/steps/github-repository-selection/users-orgs-combobox.tsx
View File

@ -75,7 +75,7 @@ export const UserOrgsCombobox: React.FC = () => {
<Combobox <Combobox
items={userAndOrganizations} items={userAndOrganizations}
unattached unattached
css={{ flex: 1 }} css={{ flex: 1, minWidth: '$44' }}
selected={[selectedUserOrg, handleUserOrgChange]} selected={[selectedUserOrg, handleUserOrgChange]}
queryKey="label" queryKey="label"
> >