Skip to content

Commit 3091c15

Browse files
committed
fix(web-ui): only show explore region scrollbar when content overflows
- Set overflow: hidden on .explore-region__content by default - Move overflow-y: auto behind .explore-region--has-scroll class - Preserve auto-scroll behavior during streaming Generated with BitFun Co-Authored-By: BitFun
1 parent 2324a34 commit 3091c15

1 file changed

Lines changed: 9 additions & 2 deletions

File tree

src/web-ui/src/flow_chat/components/modern/ExploreRegion.scss

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,8 @@
2222
// should not push the first summary line downward when the round is
2323
// re-wrapped from `model-round` into `explore-group`.
2424
padding: 0;
25+
// Hide scrollbar track by default; only show when content actually overflows.
26+
overflow: hidden;
2527

2628
// In the plain model-round layout, the first/last flow item margins can
2729
// collapse with the parent. Once wrapped by explore-group, that collapse no
@@ -113,6 +115,8 @@
113115
// Align nested tool cards with the summary text, not the group chevron.
114116
padding: 0 0 0 20px;
115117
box-sizing: border-box;
118+
// Hide scrollbar track by default; only show when content actually overflows.
119+
overflow: hidden;
116120

117121
&::-webkit-scrollbar {
118122
width: 4px;
@@ -201,11 +205,14 @@
201205
}
202206
}
203207

204-
// Limit height and enable scroll during streaming.
208+
// Limit height and enable scroll only when content actually overflows.
209+
.explore-region--has-scroll .explore-region__content {
210+
overflow-y: auto;
211+
}
212+
205213
.explore-region--expanded.explore-region--streaming {
206214
.explore-region__content {
207215
max-height: 400px;
208-
overflow-y: auto;
209216
}
210217
}
211218

0 commit comments

Comments
 (0)