From 76988b1af74d56405fe57f6e9066d3b272a9ec03 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 7 Mar 2021 12:04:57 +0100 Subject: Consistent userlist search input appearance with other inputs --- theme.css | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/theme.css b/theme.css index ee11141..314035e 100644 --- a/theme.css +++ b/theme.css @@ -355,17 +355,18 @@ body { .input, #chat .userlist .search { - height: var(--dim--input--height); - padding: 0 var(--dim--input--pad-h); - line-height: var(--dim--input--height); + height: var(--dim--input--height); + padding: 0 var(--dim--input--pad-h); + transition: border-color .2s, box-shadow .2s; + border: 2px solid transparent; + border-radius: 3px; + color: var(--color--input--fg); + line-height: var(--dim--input--height); } .input { margin: 0; - border: 2px solid transparent; - border-radius: 3px; background-color: var(--color--input--bg); - color: var(--color--input--fg); } .btn:active, @@ -397,6 +398,11 @@ body { border-color: var(--button-color); } +#chat .userlist .search:focus, +#chat .userlist .search:hover { + border-color: var(--button-color); +} + #chat .userlist .count { height: var(--dim--input--height); background-color: var(--color--sidebar-input--bg); -- cgit v1.2.3-70-g09d2