Skip to content

Commit 0c161d3

Browse files
joshspicerCopilot
andauthored
sessions: fix Customizations single-entry width overflow (#315125)
The single-entry sidebar 'Customizations' button had `width: 100%` set on both the link-button container and the inner button. Combined with the inherited `margin: 0 10px` from the per-section rule, this overflowed the panel by 20px and was visible as a misaligned focus outline that extended past the panel edge. Drop the explicit widths and let the parent's default `align-items: stretch` plus the inherited margins size the entry, matching the per-section items. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
1 parent d1ace9a commit 0c161d3

1 file changed

Lines changed: 3 additions & 8 deletions

File tree

‎src/vs/sessions/contrib/sessions/browser/media/customizationsToolbar.css‎

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -173,14 +173,9 @@
173173
padding: 6px 0 10px 0;
174174
}
175175

176-
/* Override the shared `flex: 1` on the link-button container so the single
177-
entry sizes to its content height instead of stretching to fill the
178-
flex-column toolbar. */
176+
/* Disable the shared `flex: 1` so the single entry doesn't stretch to fill
177+
the flex-column toolbar. Width is handled by the inherited `margin: 0 10px`
178+
and the parent's default `align-items: stretch`. */
179179
.ai-customization-toolbar.single-entry .customization-link-button-container {
180180
flex: none;
181-
width: 100%;
182-
}
183-
184-
.ai-customization-toolbar.single-entry .customization-link-button {
185-
width: 100%;
186181
}

0 commit comments

Comments
 (0)