Skip to content

Commit 6b2195c

Browse files
committed
Refine Select.field-input styling
Adjust Select.field-input CSS to remove its own border and padding (keeping height: 3) and prevent double borders on focus. Add a rule to give the inner SelectCurrent element the standard border so the visual outline is applied to the correct child, while the existing focus rule still highlights SelectCurrent with the amber border. These tweaks clean up layout and border rendering for select inputs.
1 parent f980fb3 commit 6b2195c

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

src/lore/tui.py

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -275,7 +275,9 @@ class AddMemoryScreen(ModalScreen):
275275
border: solid {_BORDER}; margin-bottom: 1;
276276
}}
277277
.field-input:focus {{ border: solid {_AMBER}; color: {_PHOSPHOR_H}; }}
278-
Select.field-input {{ height: 3; }}
278+
Select.field-input {{ height: 3; border: none; padding: 0; }}
279+
Select.field-input:focus {{ border: none; }}
280+
Select.field-input > SelectCurrent {{ border: solid {_BORDER}; }}
279281
Select.field-input:focus > SelectCurrent {{ border: solid {_AMBER}; }}
280282
#new-cat-input {{ display: none; }}
281283
#new-cat-input.visible {{ display: block; }}

0 commit comments

Comments
 (0)