mirror of
https://github.com/stablyai/orca.git
synced 2026-11-03 10:37:35 +00:00
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:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user