CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-07-06 21:18:58 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

info_density: Set a minimum line-height on body.

Browse Source
This commit is contained in:
Karl Stolley 2024-05-30 10:38:19 -05:00 committed by Tim Abbott
parent fd55da4ed8
commit 3d04f7dbda
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/styles/app_variables.css
View File

@ -72,6 +72,9 @@
var(--markdown-interelement-space-px) * 2
);
/* Legacy values */
--legacy-body-line-height-unitless: calc(20 / 14);
.more-dense-mode {
/* The legacy values here are not altered by JavaScript */
--base-font-size-px: 14px;

8
web/styles/zulip.css
View File

@ -24,7 +24,13 @@ body {
margin: 0;
padding: 0;
font-size: 14px;
line-height: calc(20 / 14);
/* The line-height used in most of the UI should be at least
its legacy value, but should expand with larger base
line-height values. */
line-height: max(
var(--legacy-body-line-height-unitless),
var(--base-line-height-unitless)
);
font-family: "Source Sans 3 VF", sans-serif;
color: var(--color-text-default);
background-color: var(--color-background);