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

🎨 fix https://github.com/siyuan-note/siyuan/issues/7852

Browse source
This commit is contained in:
Vanessa 2023-04-02 12:03:32 +08:00
parent 2d190bf708
commit 541480c9c4
3 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -126,12 +126,13 @@ export class Menu {
<svg class="b3-menu__icon"><use xlink:href="#iconLeft"></use></svg> <svg class="b3-menu__icon"><use xlink:href="#iconLeft"></use></svg>
<span class="b3-menu__label">${window.siyuan.languages.back}</span> <span class="b3-menu__label">${window.siyuan.languages.back}</span>
</div><button class="b3-menu__separator"></button>`); </div><button class="b3-menu__separator"></button>`);
if (position === "bottom" ) { if (position === "bottom") {
this.element.querySelectorAll(".b3-menu__submenu").forEach((item:HTMLElement) => { this.element.querySelectorAll(".b3-menu__submenu").forEach((item: HTMLElement) => {
item.style.top = "calc(50vh + 48.5px)"; item.style.top = "calc(50vh + 48.5px)";
}); });
} }
this.popup({x: 0, y: position === "bottom" ? window.innerHeight / 2 : 0}); this.popup({x: 0, y: position === "bottom" ? window.innerHeight / 2 : 0});
this.element.scrollTop = 0;
} }
} }

1
app/src/mobile/util/closePanel.ts
View file

@ -5,4 +5,5 @@ export const closePanel = () => {
const maskElement = document.querySelector(".side-mask") as HTMLElement; const maskElement = document.querySelector(".side-mask") as HTMLElement;
maskElement.classList.add("fn__none"); maskElement.classList.add("fn__none");
maskElement.style.opacity = ""; maskElement.style.opacity = "";
window.siyuan.menus.menu.remove();
}; };

4
app/src/mobile/util/touch.ts
View file

@ -33,6 +33,7 @@ export const handleTouchEnd = (event: TouchEvent) => {
if (!clientX || !clientY || typeof yDiff === "undefined" || if (!clientX || !clientY || typeof yDiff === "undefined" ||
hasClosestByClassName(target, "b3-dialog") || hasClosestByClassName(target, "b3-dialog") ||
hasClosestByClassName(target, "keyboard") || hasClosestByClassName(target, "keyboard") ||
hasClosestByAttribute(target, "id", "commonMenu") ||
hasClosestByAttribute(target, "id", "model") hasClosestByAttribute(target, "id", "model")
) { ) {
return; return;
@ -146,6 +147,7 @@ export const handleTouchMove = (event: TouchEvent) => {
if (!clientX || !clientY || if (!clientX || !clientY ||
hasClosestByClassName(target, "b3-dialog") || hasClosestByClassName(target, "b3-dialog") ||
hasClosestByClassName(target, "keyboard") || hasClosestByClassName(target, "keyboard") ||
hasClosestByAttribute(target, "id", "commonMenu") ||
hasClosestByAttribute(target, "id", "model")) { hasClosestByAttribute(target, "id", "model")) {
return; return;
} }
@ -217,5 +219,5 @@ export const handleTouchMove = (event: TouchEvent) => {
const transformMask = (opacity: number) => { const transformMask = (opacity: number) => {
const maskElement = document.querySelector(".side-mask") as HTMLElement; const maskElement = document.querySelector(".side-mask") as HTMLElement;
maskElement.classList.remove("fn__none"); maskElement.classList.remove("fn__none");
maskElement.style.opacity = Math.min((1 - opacity), 0.86).toString(); maskElement.style.opacity = Math.min((1 - opacity), 0.68).toString();
}; };