Skip to content

Commit 3696945

Browse files
devvaannshclaude
authored andcommitted
fix: quick access panel buttons overflow when bottom panel is small
Add overflow-y: auto to .default-panel-content so buttons scroll instead of spilling into the editor area. Replace justify-content: center with margin-top/bottom: auto on heading/buttons to keep vertical centering when space allows while staying scrollable when it does not. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 984ede6 commit 3696945

1 file changed

Lines changed: 5 additions & 1 deletion

File tree

src/styles/Extn-BottomPanelTabs.less

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -354,11 +354,11 @@
354354
display: flex;
355355
flex-direction: column;
356356
align-items: center;
357-
justify-content: center;
358357
height: 100%;
359358
padding: 16px;
360359
gap: 12px;
361360
user-select: none;
361+
overflow-y: auto;
362362
}
363363

364364
.default-panel-heading {
@@ -367,7 +367,9 @@
367367
word-spacing: 1px;
368368
font-weight: 500;
369369
color: #555;
370+
margin-top: auto;
370371
margin-bottom: 4px;
372+
flex-shrink: 0;
371373

372374
.dark & {
373375
color: #bbb;
@@ -379,6 +381,8 @@
379381
flex-wrap: wrap;
380382
justify-content: center;
381383
gap: 8px;
384+
margin-bottom: auto;
385+
flex-shrink: 0;
382386
}
383387

384388
.default-panel-btn {

0 commit comments

Comments
 (0)