fix(sidebar): stop the workspace details scroll area from clipping field focus rings (#31816)

The workspace details dialog body is an overflow-y-auto scroll area, which
also clips horizontally, so the fields' 3px focus ring was cut off on the
left and right. Add -mx-1 px-1 to the container so the ring has room
without shifting the fields.

Fixes #31427
This commit is contained in:
Noah Rijkaard
2026-10-26 09:39:14 -07:00
committed by GitHub
parent 6fdffe8605
commit e682ee6285
@@ -207,7 +207,8 @@ const WorktreeMetaDialogDraft = React.memo(function WorktreeMetaDialogDraft() {
)}
</DialogDescription>
</DialogHeader>
<div className="min-h-0 space-y-4 overflow-y-auto scrollbar-sleek">
{/* Why: overflow clips the fields' 3px focus ring; -mx-1/px-1 makes room without shifting them. */}
<div className="-mx-1 min-h-0 space-y-4 overflow-y-auto px-1 scrollbar-sleek">
<WorktreeDisplayNameField
disabled={saving}
inputRef={displayNameInputRef}