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

app_layout: Calculate max-width using variablized values.

Browse Source
This commit is contained in:
Karl Stolley
2025-03-03 09:45:23 -06:00
committed by Tim Abbott
parent f8cb569678
commit 1dad4dcdf7
2 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/styles/app_variables.css
View File

@@ -380,6 +380,16 @@
--message-box-markdown-aligned-vertical-space: 5px;
}
/* Message area */
/* In the legacy layout at 16px/1em density, 918.6px is
the widest the message area gets, so we preserve this
value to better present a readable message area across
different info densities and the manual hiding of the
left and right sidebars.
918.6px at 16px/1em
*/
--message-area-max-width: 57.4125em;
/* Shared sidebar typography and effects values. */
--font-weight-sidebar-heading: 600;
--font-weight-sidebar-action-heading: 370;

7
web/styles/zulip.css
View File

@@ -39,9 +39,10 @@ body {
.header-main,
.app .app-main,
#compose-container {
/* 1417px at 14px/1em; (14px * 20.5em) - 12px + 880 + 250px = 1417px */
max-width: 100.3571em;
max-width: calc(var(--left-sidebar-max-width) + 62.8571em + 250px);
max-width: calc(
var(--left-sidebar-max-width) + var(--message-area-max-width) +
var(--right-column-max-width)
);
}
&.fluid_layout_width {