From 94fd268abe2683e4e533ec0b046e170ecc23bfa9 Mon Sep 17 00:00:00 2001 From: Aman Agrawal Date: Sun, 23 Feb 2025 04:06:45 +0000 Subject: [PATCH] inbox: Fix width of inbox search input at different window sizes. --- web/styles/inbox.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/web/styles/inbox.css b/web/styles/inbox.css index beb0ad1424..1f921b3662 100644 --- a/web/styles/inbox.css +++ b/web/styles/inbox.css @@ -70,8 +70,8 @@ padding: 0.3125em; margin: 0; position: relative; - /* Width of the button, 27px at 16px font-size at 14px em */ - right: 1.6875em; + /* Give 2px space to right at 16px font-size */ + right: 0.125em; &:focus { outline: none; @@ -94,10 +94,13 @@ } #inbox-search { + /* Give space for 30px cross icon at 16px font-size */ + margin-right: -1.875em; + flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; - width: var(--width-inbox-search); + max-width: var(--width-inbox-search); height: var(--height-inbox-search); /* top/bottom default 1px padding / 14px em */ /* left padding 30px / 14px em */