mirror of
https://github.com/MoonshotAI/kimi-code.git
synced 2026-08-19 21:56:00 +00:00
fix(web): prevent horizontal scrollbar in session search dialog (#1290)
The search sessions dialog used a column flex layout where the title and snippet had white-space: nowrap but no min-width: 0, so the flex items refused to shrink below their text width and overflowed, surfacing a horizontal scrollbar on the dialog body. Add min-width: 0 so they shrink and ellipsize instead.
This commit is contained in:
parent
a4d7a4ff2a
commit
3ea84a56e4
2 changed files with 7 additions and 0 deletions
5
.changeset/fix-search-sessions-horizontal-scroll.md
Normal file
5
.changeset/fix-search-sessions-horizontal-scroll.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
"@moonshot-ai/kimi-code": patch
|
||||
---
|
||||
|
||||
Fix the session search dialog showing a horizontal scrollbar for long session titles or snippets.
|
||||
|
|
@ -261,6 +261,7 @@ onMounted(() => {
|
|||
}
|
||||
|
||||
.sd-title {
|
||||
min-width: 0;
|
||||
font-size: var(--text-base);
|
||||
color: var(--color-text);
|
||||
overflow: hidden;
|
||||
|
|
@ -268,6 +269,7 @@ onMounted(() => {
|
|||
white-space: nowrap;
|
||||
}
|
||||
.sd-snippet {
|
||||
min-width: 0;
|
||||
font-size: var(--text-sm);
|
||||
color: var(--color-text-muted);
|
||||
overflow: hidden;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue