Skip to content

Commit 85764ff

Browse files
authored
fix: Make tag remove focus ring a circle (#8219)
* fix: Make tag remove focus ring a circle * adjust position a little * remove extra margin * don't adjust size of the actual button
1 parent 693a5bd commit 85764ff

File tree

1 file changed

+8
-4
lines changed
  • packages/@adobe/spectrum-css-temp/components/button

1 file changed

+8
-4
lines changed

packages/@adobe/spectrum-css-temp/components/button/index.css

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -378,10 +378,14 @@ a.spectrum-ActionButton {
378378
box-sizing: border-box;
379379
&:after {
380380
transition: unset;
381-
left: 4px;
382-
right: 4px;
383-
bottom: 4px;
384-
top: 4px;
381+
height: calc(100% - 2px);
382+
aspect-ratio: 1;
383+
top: 50%;
384+
left: 50%;
385+
right: unset;
386+
bottom: unset;
387+
margin: 0;
388+
transform: translate(-50%, -50%);
385389
}
386390

387391
&:focus-visible {

0 commit comments

Comments
 (0)