paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-12 18:06:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

floating_recipient_bar: Replace with sticky header.

Browse Source
This commit is contained in:
Aman Agrawal
2022-12-19 08:16:05 +00:00
committed by Tim Abbott
parent 00be770d38
commit 4dfe3d36e0
18 changed files with 161 additions and 485 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
static/js/scroll_bar.js
View File

@@ -41,27 +41,15 @@ export function initialize() {
sbWidth = getScrollbarWidth();
if (sbWidth > 0) {
// Reduce width of screen-wide parent containers, whose width doesn't vary with scrollbar width, by scrollbar width.
$("#navbar-container .header, .fixed-app .app-main, #compose").css(
"width",
`calc(100% - ${sbWidth}px)`,
);
// Align floating recipient bar with the middle column.
$(".fixed-app").css("left", "-" + sbWidth / 2 + "px");
$("#navbar-container .header, #compose").css("width", `calc(100% - ${sbWidth}px)`);
}
set_layout_width();
}
export function set_layout_width() {
if (user_settings.fluid_layout_width) {
$(".header-main, .app .app-main, .fixed-app .app-main, #compose-container").css(
"max-width",
"inherit",
);
$(".header-main, .app .app-main, #compose-container").css("max-width", "inherit");
} else {
$(".header-main, .app .app-main, .fixed-app .app-main, #compose-container").css(
"max-width",
"1400px",
);
$(".header-main, .app .app-main, #compose-container").css("max-width", "1400px");
}
}