Skip to content

Commit 92cb4e8

Browse files
committed
fix(quickview): LSP hover content stretches to the popover width
The QuickView popover centers and shrink-wraps each provider's content (.quick-view-item is a flex column with align-items:center - right for image/color previews). When another provider widens the popover - e.g. the problem row with its Fix button that now accompanies quickfixes - the narrower hover content floated centered in the leftover space (a small signature box in the middle of a wide popup). align-self:stretch on .lsp-hover-quickview makes just the LSP hover fill the available width, left-aligned, while image previews stay centered as designed.
1 parent 62711c2 commit 92cb4e8

1 file changed

Lines changed: 5 additions & 0 deletions

File tree

src/styles/brackets.less

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2221,6 +2221,11 @@ a, img {
22212221

22222222
.lsp-hover-quickview {
22232223
text-align: left;
2224+
// The QuickView popover centers + shrink-wraps each provider's content (.quick-view-item is a
2225+
// flex column with align-items:center - right for image/color previews). When another provider
2226+
// (e.g. a problem row with its Fix button) makes the popover wider, our content would float
2227+
// centered in the leftover space - stretch to the available width instead.
2228+
align-self: stretch;
22242229
max-width: 520px;
22252230
padding: 2px 4px;
22262231
font-size: 12.5px;

0 commit comments

Comments
 (0)