paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-24 08:33:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

scroll_bar: Use a CSS class to toggle fluid layout.

Browse Source
This commit is contained in:
Aman Agrawal
2023-05-28 09:51:00 +00:00
committed by Tim Abbott
parent d03e72bc0e
commit 0457f6807c
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/scroll_bar.ts
View File

@@ -4,9 +4,9 @@ import {user_settings} from "./user_settings";
export function set_layout_width(): void { export function set_layout_width(): void {
if (user_settings.fluid_layout_width) { if (user_settings.fluid_layout_width) {
$(".header-main, .app .app-main, #compose-container").css("max-width", "inherit"); $("body").addClass("fluid_layout_width");
} else { } else {
$(".header-main, .app .app-main, #compose-container").css("max-width", "1400px"); $("body").removeClass("fluid_layout_width");
} }
} }

8
web/styles/zulip.css
View File

@@ -27,6 +27,14 @@ body {
color: var(--color-text-default); color: var(--color-text-default);
background-color: var(--color-background); background-color: var(--color-background);
transition: background-color 200ms linear; transition: background-color 200ms linear;
&.fluid_layout_width {
.header-main,
.app .app-main,
#compose-container {
max-width: 1400px;
}
}
} }
:root { :root {