fix: Add offset to avatar's focus-visible outline (#45)

avinashbot · web-flow · commit b7a7b78811e4 · 2025-03-05T10:50:22.000Z
diff --git a/src/avatar/styles.scss b/src/avatar/styles.scss
@@ -35,7 +35,7 @@ $avatar-size: 28px;
     outline: none;
 
     @include shared.when-visible {
-      @include shared.focus-highlight(1px, 50%);
+      @include shared.focus-highlight(4px, 50%);
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@ $avatar-size: 28px;`
`35`	`35`	`outline: none;`
`36`	`36`
`37`	`37`	`@include shared.when-visible {`
`38`		`- @include shared.focus-highlight(1px, 50%);`
	`38`	`+ @include shared.focus-highlight(4px, 50%);`
`39`	`39`	`}`
`40`	`40`	`}`
`41`	`41`