Skip to content

Commit 7b0e68d

Browse files
committed
fix(web): adapt the project rail to inset focus rings
Upstream pingdotgg#16675 requires focus rings to paint inside their element so an ancestor cannot clip them. Add ring-inset to the rail's project buttons.
1 parent 4483aa2 commit 7b0e68d

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

‎apps/web/src/components/sidebar/ProjectRail.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,7 @@ function RailButton(props: {
106106
onClick={props.onClick}
107107
onContextMenu={props.onContextMenu}
108108
className={cn(
109-
"relative flex size-9 cursor-pointer items-center justify-center rounded-xl text-sidebar-foreground/80 outline-hidden ring-ring transition-colors focus-visible:ring-2",
109+
"relative flex size-9 cursor-pointer items-center justify-center rounded-xl text-sidebar-foreground/80 outline-hidden ring-ring transition-colors focus-visible:ring-2 focus-visible:ring-inset",
110110
props.selected
111111
? "bg-sidebar-row-active text-sidebar-foreground shadow-xs/5"
112112
: "bg-sidebar/70 hover:bg-sidebar-row-hover hover:text-sidebar-foreground dark:bg-sidebar-row-hover/60 dark:hover:bg-sidebar-row-hover",

0 commit comments

Comments
 (0)