paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 05:53:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

recent: Use em for recent view filter widget width.

Browse Source
This commit is contained in:
evykassirer
2025-01-06 11:41:35 -08:00
committed by Tim Abbott
parent 2c351d8a23
commit 9a4c5bc1a0
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/styles/inbox.css
View File

@@ -61,15 +61,15 @@
align-items: center; align-items: center;
border-radius: 2px; border-radius: 2px;
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 1.1428em; /* 16px at 14px em */
color: var(--color-icons-inbox); color: var(--color-icons-inbox);
opacity: 0.4; opacity: 0.4;
transition: none 140ms; transition: none 140ms;
transition-property: background-color, opacity, transform; transition-property: background-color, opacity, transform;
padding: 5px; padding: 5px;
margin: 0; margin: 0;
/* = -Width of the button. */ /* = -Width of the button, 28px at 14px em */
margin-right: -28px; margin-right: -2em;
position: relative; position: relative;
top: 0; top: 0;
right: 30px; right: 30px;
@@ -103,8 +103,8 @@
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 */
/* right padding for 28px icon */ /* right padding for 28px / 14px em (close icon) */
padding: 0.0714em 28px 0.0714em 2.1428em; padding: 0.0714em 2em 0.0714em 2.1428em;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1.2142em; /* 17px / 14px em */ line-height: 1.2142em; /* 17px / 14px em */
@@ -136,10 +136,10 @@
border-radius: 5px; border-radius: 5px;
border: 1px solid hsl(0deg 0% 0% / 20%); border: 1px solid hsl(0deg 0% 0% / 20%);
margin-bottom: var(--max-unmaximized-compose-height); margin-bottom: var(--max-unmaximized-compose-height);
/* margin(5) + search left padding(30) + search right padding (28) = 63px */ /* margin(5) + search left padding(30) + search right padding (28) = 63px at 14px em */
max-width: calc( max-width: calc(
var(--width-inbox-search) + var(--width-inbox-search) +
var(--width-inbox-filters-dropdown) + 63px var(--width-inbox-filters-dropdown) + 4.5em
); );
.inbox-focus-border { .inbox-focus-border {

2
web/styles/recent_view.css
View File

@@ -581,7 +581,7 @@
#recent-view-filter_widget { #recent-view-filter_widget {
display: inline-flex; display: inline-flex;
width: 150px; width: 10.7142em; /* 150px at 14px em */
/* Legacy 5px 10px at 14px/1em. */ /* Legacy 5px 10px at 14px/1em. */
margin: 0 0.3571em 0.7142em 0; margin: 0 0.3571em 0.7142em 0;