paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-06 15:03:34 +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-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. */ /* Shared sidebar typography and effects values. */
--font-weight-sidebar-heading: 600; --font-weight-sidebar-heading: 600;
--font-weight-sidebar-action-heading: 370; --font-weight-sidebar-action-heading: 370;

7
web/styles/zulip.css
View File

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