Skip to content

fix(desktop): prevent model list option overlap when provider has many models / 修复供应商模型较多时设置页面模型列表选项重叠 #6539

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
SivanCola merged 2 commits into from
Jul 20, 2026
Merged

fix(desktop): prevent model list option overlap when provider has many models / 修复供应商模型较多时设置页面模型列表选项重叠 #6539

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1469959
fix(desktop): prevent model list option overlap when provider has man…
HaoyueQin Jul 15, 2026
d2b69e2
test(desktop): guard provider model grid sizing
SivanCola Jul 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions desktop/frontend/src/__tests__/typography-overflow-contract.test.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,6 +117,9 @@ eq(finalDeclaration(".provider-template-grid", "grid-auto-rows"), "92px", "provi
eq(finalDeclaration(".provider-template-card", "height"), "100%", "provider preset cards stretch to the grid row height");
eq(finalDeclaration(".provider-template-card strong", "-webkit-line-clamp"), "1", "provider preset card titles clamp to one line");
eq(finalDeclaration(".provider-template-card span", "-webkit-line-clamp"), "2", "provider preset card descriptions clamp to two lines");
eq(finalDeclaration(".provider-model-draft__list", "grid-auto-rows"), "min-content", "provider model rows grow with their content");
eq(finalDeclaration(".provider-model-draft__option", "min-height"), undefined, "provider model cards do not force undersized rows");
eq(finalDeclaration(".provider-model-draft__option", "overflow"), "hidden", "provider model cards contain overflowing controls");

eq(finalDeclaration(".statusbar", "white-space"), "nowrap", "status bar keeps metrics on one row");
eq(finalDeclaration(".statusbar", "overflow"), "hidden", "status bar clips instead of overflowing");
Expand Down
5 changes: 3 additions & 2 deletions desktop/frontend/src/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15198,21 +15198,22 @@ body > .mermaid-diagram--fullscreen {
gap: 6px;
max-height: 220px;
overflow: auto;
padding-right: 2px;
padding: 0 2px 6px 0;
grid-auto-rows: min-content;
}
.provider-model-draft__option {
min-width: 0;
display: flex;
flex-direction: column;
gap: 4px;
min-height: 32px;
padding: 5px 7px;
border: 1px solid var(--border-soft);
border-radius: 7px;
background: color-mix(in srgb, var(--bg) 70%, transparent);
color: var(--fg);
font-family: var(--mono);
font-size: var(--text-2xs);
overflow: hidden;
}
.provider-model-draft__model,
.provider-model-draft__vision {
Expand Down