discourse/discourse-header-submenus
1
0
Fork 0
mirror of https://github.com/discourse/discourse-header-submenus.git synced 2025-03-06 17:59:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: update fixed styling for sidebar & chat (#18)

Browse Source
This commit is contained in:
Kris 2023-04-07 17:12:45 -04:00 committed by GitHub
parent 95a99bb29e
commit 4c2b11375f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
desktop/desktop.scss
View File

@ -1,8 +1,8 @@
$item-height: 40px; $item-height: 40px;
@if $Fixed_mode == "true" { @if $Fixed_mode == "true" {
.top-menu { .header-submenus {
position: fixed; position: sticky;
top: 0; top: 0;
z-index: z("header") + 1; z-index: z("header") + 1;
} }
@ -14,6 +14,28 @@ $item-height: 40px;
#main-outlet { #main-outlet {
padding-top: calc(1.8em + #{$item-height}); padding-top: calc(1.8em + #{$item-height});
} }
// need to include the menu height in the header offset
// then update the header offset where used in core for sidebar and chat
:root {
--header-offset-with-submenu: calc(
var(--header-offset, 0px) + #{$item-height}
);
}
.sidebar-wrapper {
top: var(--header-offset-with-submenu);
height: calc(100vh - var(--header-offset-with-submenu, 0px));
}
html.has-full-page-chat body #main-outlet {
max-height: calc(
var(--chat-vh, 1vh) *
100 -
var(--header-offset-with-submenu, 0px) -
var(--composer-height, 0px)
);
}
} }
.top-menu { .top-menu {