Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-23 01:50:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 fix https://github.com/siyuan-note/siyuan/pull/7912

Browse source
This commit is contained in:
Vanessa 2023-04-09 09:43:20 +08:00
parent 5fd53acab0
commit 1bc838aa88
1 changed files with 12 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

23
app/src/menus/Menu.ts
View file

@ -126,20 +126,21 @@ export class Menu {
<svg class="b3-menu__icon"><use xlink:href="#iconLeft"></use></svg>
<span class="b3-menu__label">${window.siyuan.languages.back}</span>
</div><button class="b3-menu__separator"></button>`);
this.popup({x: 0, y: position === "bottom" ? window.innerHeight / 2 : 0});
if (isMobile()) {
window.addEventListener("touchmove", this.preventDefault, {passive: false});
} else {
window.addEventListener(this.wheelEvent, this.preventDefault, {passive: false});
}
this.element.classList.remove("fn__none");
this.element.style.left = "0";
if (position === "bottom") {
this.element.querySelectorAll(".b3-menu__submenu").forEach((item: HTMLElement) => {
item.style.top = "calc(100vh - 500px + 48.5px)";
});
// 解决部分机型非全屏菜单无效
// 解决方案一，对应的 item.style.top 为 calc(50vh + 48.5px)
// this.element.style.top = "50vh";
// 解决方案二，需要联动上面的 item.style.top
this.element.style.position = "sticky";
this.element.style.height = "500px";
this.element.querySelectorAll(".b3-menu__separator").forEach((item: HTMLElement) => {
item.style.pointerEvents = "none"; // 解决手机端分割线点击交互陷阱
item.style.top = "calc(50vh + 48.5px)";
});
this.element.style.top = "50vh";
} else {
this.element.style.top = "0";
}
this.element.scrollTop = 0;
}