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

…10921)
n8n-io · Sep 23, 2024 · b43f934 · b43f934
1 parent a848291
commit b43f934
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/design-system/src/components/N8nButton/Button.scss b/packages/design-system/src/components/N8nButton/Button.scss
@@ -53,7 +53,7 @@
 		}
 	}
 
-	&:focus:not(:active, .active) {
+	&:focus-visible:not(:active, .active) {
 		color: $button-focus-font-color unquote($important);
 		border-color: $button-focus-border-color unquote($important);
 		background-color: $button-focus-background-color unquote($important);
@@ -68,7 +68,7 @@
 		&,
 		&:hover,
 		&:active,
-		&:focus {
+		&:focus-visible {
 			color: $button-disabled-font-color;
 			border-color: $button-disabled-border-color;
 			background-color: $button-disabled-background-color;
@@ -83,7 +83,7 @@
 		&,
 		&:hover,
 		&:active,
-		&:focus {
+		&:focus-visible {
 			color: $button-loading-font-color;
 			border-color: $button-loading-border-color;
 			background-color: $button-loading-background-color;