Change focus to focus-visible

EkaterinaVu · EkaterinaVu · commit 95bf68ba00bc · 2021-10-12T16:07:20.000+02:00
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
@@ -827,11 +827,11 @@ header.vff-header svg.f-logo {
   fill: currentColor;
 }
 
-.vff .f-field-control:focus ~ .f-field-mask {
+.vff .f-field-control:focus-visible ~ .f-field-mask {
   outline: 1px dotted;
 }
 
-.vff .f-field-control:focus ~ .f-checkbox-mask {
+.vff .f-field-control:focus-visible ~ .f-checkbox-mask {
   outline-offset: 2px;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -827,11 +827,11 @@ header.vff-header svg.f-logo {`
`827`	`827`	`fill: currentColor;`
`828`	`828`	`}`
`829`	`829`
`830`		`-.vff .f-field-control:focus ~ .f-field-mask {`
	`830`	`+.vff .f-field-control:focus-visible ~ .f-field-mask {`
`831`	`831`	`outline: 1px dotted;`
`832`	`832`	`}`
`833`	`833`
`834`		`-.vff .f-field-control:focus ~ .f-checkbox-mask {`
	`834`	`+.vff .f-field-control:focus-visible ~ .f-checkbox-mask {`
`835`	`835`	`outline-offset: 2px;`
`836`	`836`	`}`
`837`	`837`