CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-06-30 21:11:04 +08:00
Code Issues Actions 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
Show Stats 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;
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 */