Skip to content

Commit c47b244

Browse files
committed
feat(plans): enhance tabs layout with grid display and improved overflow handling
1 parent 9759eb7 commit c47b244

1 file changed

Lines changed: 14 additions & 3 deletions

File tree

src/workbench/plans_panel/plans-panel.css

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,23 @@
55
}
66

77
.blx-plans-tabs {
8-
overflow-x: auto;
9-
scrollbar-width: thin;
8+
display: grid;
9+
grid-template-columns: repeat(4, minmax(0, 1fr));
10+
gap: 0.3rem;
11+
overflow: visible;
1012
}
1113

1214
.blx-plans-tabs .blx-sr-tab {
13-
flex: 0 0 auto;
15+
justify-content: center;
16+
min-width: 0;
17+
padding-inline: 0.45rem;
18+
}
19+
20+
.blx-plans-tabs .blx-sr-tab > span:not(.blx-sr-tab__count) {
21+
min-width: 0;
22+
overflow: hidden;
23+
text-overflow: ellipsis;
24+
white-space: nowrap;
1425
}
1526

1627
.blx-sr-card__badge[data-kind="plan"] {

0 commit comments

Comments
 (0)