paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

css: Fix fluid_layout_width setting.

Browse Source 
0457f6807c seems to have accidentally
inverted the setting; we also clean up duplicate declarations of this
1400px value.
This commit is contained in:
Tim Abbott
2023-05-28 22:03:33 -07:00
parent c97deb6be2
commit 1f8b3fd09a
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/compose.css
View File

@@ -233,8 +233,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
/* This should match the value for .app-main */
max-width: 1400px;
margin: auto; margin: auto;
} }

13
web/styles/zulip.css
View File

@@ -29,11 +29,18 @@ body {
background-color: var(--color-background); background-color: var(--color-background);
transition: background-color 200ms linear; transition: background-color 200ms linear;
/* Implementation for fluid layout width setting. */
.header-main,
.app .app-main,
#compose-container {
max-width: 1400px;
}
&.fluid_layout_width { &.fluid_layout_width {
.header-main, .header-main,
.app .app-main, .app .app-main,
#compose-container { #compose-container {
max-width: 1400px; max-width: inherit;
} }
} }
} }
@@ -540,10 +547,6 @@ p.n-margin {
.app-main, .app-main,
.header-main { .header-main {
width: 100%; width: 100%;
/* `max-width` is changed based on `fluid_layout_width` setting in
`scroll_bar.js`. User may or may not see a flash of mispositioned content
based on how quickly the JS code is executed. */
max-width: 1400px;
min-width: 950px; min-width: 950px;
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;