paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-21 15:09:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

compose: Scale compose banner close button with info density setting.

Browse Source
This commit is contained in:
evykassirer
2024-12-11 12:42:53 -08:00
committed by Tim Abbott
parent dfad896f6b
commit 9fcc41d85c
1 changed files with 1 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/styles/compose.css
View File

@@ -552,11 +552,7 @@
border: 1px solid; border: 1px solid;
display: flex; display: flex;
align-items: center; align-items: center;
/* Banners should carry at least a minimum line-height: 1.2em; /* 18px at 15px/1em. */
legacy font-size of 15px, and a line-height
of 18px. 1.2em is 18px at 15px/1em. */
font-size: max(15px, var(--base-font-size-px));
line-height: max(18px, 1.2em);
.main-view-banner-elements-wrapper { .main-view-banner-elements-wrapper {
display: flex; display: flex;
@@ -684,13 +680,6 @@
::before content where the icon sits. */ ::before content where the icon sits. */
display: flex; display: flex;
align-items: center; align-items: center;
/* Set the font-size for the close button
on the ::before element, so that it doesn't
impact the em units above. */
&::before {
font-size: 16px;
}
} }
.banner_content + .main-view-banner-close-button { .banner_content + .main-view-banner-close-button {