palabras(menubar): Ajustes — sliders a 2 columnas cómodas, reset compacto

El auto-fit empaquetaba los 8 sliders en 4 columnas de 120px: las pistas
solapaban la etiqueta vecina y «Escala de grises» partía en dos líneas. Paso a
2 columnas fijas de ~256px (el ancho legible de un slider), y el «Restablecer»
compacto a la derecha en vez de una barra a todo el ancho abajo. Sin scroll
(450px, cabe a 800 y 900).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
alpha-0.1-sec-dom
dev 3 months ago
parent 44c481b706
commit f8f94d38f7

@ -287,19 +287,22 @@
grid-column: 1 / -1;
}
/* ImageAdjustments (Ajustes) — the 8 sliders spread with auto-fit to fill the cell's
DEFINITE width (the mega cell spans every --pcols track): ~4 across at the 3-col
tier, dropping the worst-case section from a 4-row slider stack to ~2 rows. The
reset spans the full row. */
/* ImageAdjustments (Ajustes) — 2 comfortable columns at the dense (3-col) tier
(~256px each): a slider is a WIDE control, so 4-across at ~120px (the old auto-fit
min) crammed the tracks and wrapped long labels («Escala de grises») into the
neighbour. Two fixed columns is the legible width — 8 sliders in 4 rows, nothing
wraps or overlaps. */
[data-palabras-inspector] [data-palabras-adjustments] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
column-gap: var(--space-4);
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: var(--space-5);
row-gap: var(--space-3);
align-items: start;
}
/* Reset — a compact, right-aligned affordance, not a full-width bar hogging a row. */
[data-palabras-inspector] [data-palabras-adjustments] .eidos-image-adjustments-reset {
grid-column: 1 / -1;
justify-self: end;
}
/* Control skin — the panel's soft filled inputs, re-declared under the

Loading…
Cancel
Save

Powered by TurnKey Linux.