fix(ffe-form): add 1px to border of input when it is in focus

hagenek · hagenek · commit 9de367dab48d · 2025-01-20T10:51:14.000+01:00
diff --git a/packages/ffe-form/less/input-field.less b/packages/ffe-form/less/input-field.less
@@ -29,6 +29,7 @@
     &:focus,
     &:active {
         border: var(--ffe-g-border-width-focus) solid var(--ffe-g-primary-color);
+        box-shadow: 0 0 0 1px var(--ffe-g-primary-color);
         outline: none;
     }
 
@@ -64,7 +65,8 @@
         }
 
         &:focus {
-            border-bottom: var(--ffe-g-border-width-focus) solid var(--ffe-g-primary-color);
+            border-bottom: var(--ffe-g-border-width-focus) solid
+                var(--ffe-g-primary-color);
         }
 
         &[aria-invalid='true'] {

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,7 @@`
`29`	`29`	`&:focus,`
`30`	`30`	`&:active {`
`31`	`31`	`border: var(--ffe-g-border-width-focus) solid var(--ffe-g-primary-color);`
	`32`	`+ box-shadow: 0 0 0 1px var(--ffe-g-primary-color);`
`32`	`33`	`outline: none;`
`33`	`34`	`}`
`34`	`35`
`@@ -64,7 +65,8 @@`
`64`	`65`	`}`
`65`	`66`
`66`	`67`	`&:focus {`
`67`		`- border-bottom: var(--ffe-g-border-width-focus) solid var(--ffe-g-primary-color);`
	`68`	`+ border-bottom: var(--ffe-g-border-width-focus) solid`
	`69`	`+ var(--ffe-g-primary-color);`
`68`	`70`	`}`
`69`	`71`
`70`	`72`	`&[aria-invalid='true'] {`