github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 13:03:45 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: consistent narrow desktop width (#19232)

Browse Source 
- use client rect instead of innerWidth to determine if screen is narrow
- disable _animate when exit mobile/narrow view
This commit is contained in:
Krzysztof Kotlarek 2022-11-29 11:03:54 +11:00 committed by GitHub
parent 7c75b5b100
commit 787655e276
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -367,9 +367,7 @@ const SiteHeaderComponent = MountWidget.extend(
const menuPanels = document.querySelectorAll(".menu-panel");
if (menuPanels.length === 0) {
if (this.site.mobileView || this.site.narrowDesktopView) {
this._animate = true;
}
this._animate = this.site.mobileView || this.site.narrowDesktopView;
return;
}

3
app/assets/javascripts/discourse/app/lib/narrow-desktop.js
View File

@ -5,7 +5,8 @@ const NarrowDesktop = {
init() {
this.narrowDesktopView =
narrowDesktopForced || this.isNarrowDesktopView(window.innerWidth);
narrowDesktopForced ||
this.isNarrowDesktopView(document.body.getBoundingClientRect().width);
},
isNarrowDesktopView(width) {