IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-29 20:24:05 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: calculate docking - include offset of main (#16079)

Browse Source 
Include a calculation of offset in main - this allows docking
to be calculated (again) using global offsets, in case there is a
custom header outside of Discourse that pushes forum content down.
This commit is contained in:
Jeff Wong 2022-03-02 15:36:24 -10:00 committed by GitHub
parent 7f9c0e476f
commit 91cbd28fa4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/javascripts/discourse/app/components/site-header.js
View File

@ -196,7 +196,10 @@ const SiteHeaderComponent = MountWidget.extend(
document.documentElement.style.setProperty("--header-offset", newValue);
}
if (window.pageYOffset >= this.docAt) {
const main = document.querySelector("#main");
const offsetTop = main ? main.offsetTop : 0;
const offset = window.pageYOffset - offsetTop;
if (offset >= this.docAt) {
if (!this.dockedHeader) {
document.body.classList.add("docked");
this.dockedHeader = true;