paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 13:33:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

inbox: Fix width of inbox search input at different window sizes.

Browse Source
This commit is contained in:
Aman Agrawal
2025-02-23 04:06:45 +00:00
committed by Tim Abbott
parent b2bc8db6bc
commit 94fd268abe
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/styles/inbox.css
View File

@@ -70,8 +70,8 @@
padding: 0.3125em; padding: 0.3125em;
margin: 0; margin: 0;
position: relative; position: relative;
/* Width of the button, 27px at 16px font-size at 14px em */ /* Give 2px space to right at 16px font-size */
right: 1.6875em; right: 0.125em;
&:focus { &:focus {
outline: none; outline: none;
@@ -94,10 +94,13 @@
} }
#inbox-search { #inbox-search {
/* Give space for 30px cross icon at 16px font-size */
margin-right: -1.875em;
flex-grow: 1;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
width: var(--width-inbox-search); max-width: var(--width-inbox-search);
height: var(--height-inbox-search); height: var(--height-inbox-search);
/* top/bottom default 1px padding / 14px em */ /* top/bottom default 1px padding / 14px em */
/* left padding 30px / 14px em */ /* left padding 30px / 14px em */