User feedback: 'se pueden realinear los diferentes elementos para que no
sea tan alto, el pick from screen en la misma linea del color
seleccionado, o el input del valor al lado del color, etc.'
Collapses three previously-stacked rows into one:
Before:
[preview swatch + value text] ← row 1
[channel input segments + format] ← row 2
[eyedropper button + label] ← row 3 (right-aligned)
After:
[swatch] [channel input ........] [eyedropper] ← single row
The ValueText is dropped because the channel input segments already
show the hex/rgb/hsl value digit-by-digit (more useful than a static
string). The eyedropper becomes a compact icon button at the end of
the row — `aria-label="Pick color from screen"` still announces it.
Net effect: ~50px shorter popover.
Files
-----
- web/routes/uix/components/color-picker/+page.svelte — `.cp-value-row`
flex layout with swatch (1.75rem) + ChannelField (flex: 1 1 auto) +
EyeDropper. ChannelField input forced `flex-wrap: nowrap` so segments
stay inline. Old `.cp-preview-row` / `.cp-eyedropper-row` styles
removed.
Checks: 67/67 component-audit PASS, svelte-check 0 errors / 0 warnings.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
dev
aaf35fdbb0