fix(settings): fit long labels in aligned settings forms (#1643)

The aligned settings forms had a fixed 130px label column and labels don't wrap, so "Project folder on target" and longer translations ran under their field. The aligned rows of a section now share one subgrid label column, at least 130px and as wide as its widest label (Run Targets, SSH Configurations, CMake, Tools).
Цей коміт міститься в:
l0ng-ai authored and GitHub committed 2026-11-06 08:11:50 +08:00
1 джерело 5325d98c3f
коміт 086c89df5b
1 file changed
+11 -1
+11 -1
Переглянути файл
@@ -213,6 +213,16 @@
vertical-align: -3px;
margin-right: 6px;
}
/* The aligned rows of a section share one label column, as wide as its widest label. */
.toolsLayout *:has(> .alignedRow) {
display: grid;
grid-template-columns: minmax(130px, max-content) minmax(0, 1fr);
column-gap: 8px;
align-content: start;
}
.toolsLayout *:has(> .alignedRow) > * {
grid-column: 1 / -1;
}
.toolsLayout .alignedRow {
grid-template-columns: 130px minmax(0, 1fr);
grid-template-columns: subgrid;
}