From b76b561cbc57737c2d506775767995d19d8c28cc Mon Sep 17 00:00:00 2001 From: Sebastian Mendel Date: Thu, 16 Jul 2026 13:37:30 +0200 Subject: [PATCH] fix(ui): drop the double border on searchable-select form inputs MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The .field input box rule (1px border) also matched .combobox-input, which sits inside .searchable-select — the wrapper that already carries the field's border — so a second, inner frame was drawn. Exclude .combobox-input from the rule (as .date-field already is) so only the wrapper borders the control. Signed-off-by: Sebastian Mendel --- frontend/src/styles/app.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/frontend/src/styles/app.css b/frontend/src/styles/app.css index a1041515c..432e5259d 100644 --- a/frontend/src/styles/app.css +++ b/frontend/src/styles/app.css @@ -751,8 +751,10 @@ main:has(.tracking) { } /* All text-like inputs, selects and textareas in a field share the same - recognisable box (checkboxes/radios keep their native look in .field-check). */ -.field input:not([type='checkbox']):not([type='radio']):not(.date-field), + recognisable box (checkboxes/radios keep their native look in .field-check). + .combobox-input is excluded: its wrapper .searchable-select carries the box, + so bordering the inner input too would draw a double frame. */ +.field input:not([type='checkbox']):not([type='radio']):not(.date-field):not(.combobox-input), .field select, .field textarea { background: var(--color-bg); @@ -770,7 +772,7 @@ main:has(.tracking) { resize: vertical; } -.field input:not([type='checkbox']):not([type='radio']):not(.date-field):focus-visible, +.field input:not([type='checkbox']):not([type='radio']):not(.date-field):not(.combobox-input):focus-visible, .field select:focus-visible, .field textarea:focus-visible { border-color: var(--color-accent);