admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix icon button disabled border (#7607)

Browse Source 
<img width="538" alt="Capture d’écran 2024-10-11 à 17 34 22"
src="https://github.com/user-attachments/assets/c4a0dfb9-65cc-453a-af4b-476acf063504">
This commit is contained in:
Raphaël Bosi
2024-10-11 18:08:12 +02:00
committed by GitHub
parent 8cf3262eb3
commit 7e7784f444
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/twenty-front/src/modules/ui/input/button/components/IconButton.tsx
View File

@ -33,11 +33,9 @@ const StyledButton = styled.button<
case 'default': case 'default':
return css` return css`
background: ${theme.background.secondary}; background: ${theme.background.secondary};
border-color: ${!disabled border-color: ${focus
? focus ? theme.color.blue
? theme.color.blue : theme.background.transparent.light};
: theme.background.transparent.light
: 'transparent'};
border-width: ${!disabled && focus ? '1px 1px !important' : 0}; border-width: ${!disabled && focus ? '1px 1px !important' : 0};
box-shadow: ${!disabled && focus box-shadow: ${!disabled && focus
? `0 0 0 3px ${theme.accent.tertiary}` ? `0 0 0 3px ${theme.accent.tertiary}`