mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-11-13 16:14:07 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(editor): Use :focus-visible instead for :focus for buttons (#10921)

Browse source
This commit is contained in:
Milorad FIlipović 2024-09-23 10:17:41 +02:00 committed by GitHub
parent a2237d128f
commit bf28d0965c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/design-system/src/components/N8nButton/Button.scss
View file

@ -53,7 +53,7 @@
} }
} }
&:focus:not(:active, .active) { &:focus-visible:not(:active, .active) {
color: $button-focus-font-color unquote($important); color: $button-focus-font-color unquote($important);
border-color: $button-focus-border-color unquote($important); border-color: $button-focus-border-color unquote($important);
background-color: $button-focus-background-color unquote($important); background-color: $button-focus-background-color unquote($important);
@ -68,7 +68,7 @@
&, &,
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus-visible {
color: $button-disabled-font-color; color: $button-disabled-font-color;
border-color: $button-disabled-border-color; border-color: $button-disabled-border-color;
background-color: $button-disabled-background-color; background-color: $button-disabled-background-color;
@ -83,7 +83,7 @@
&, &,
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus-visible {
color: $button-loading-font-color; color: $button-loading-font-color;
border-color: $button-loading-border-color; border-color: $button-loading-border-color;
background-color: $button-loading-background-color; background-color: $button-loading-background-color;