diff --git a/app/src/layout/util.ts b/app/src/layout/util.ts index d23400299..3ab2f07a0 100644 --- a/app/src/layout/util.ts +++ b/app/src/layout/util.ts @@ -428,9 +428,9 @@ export const layoutToJSON = (layout: Layout | Wnd | Tab | Model, json: any) => { export const resizeDrag = () => { const dragElement = document.getElementById("drag"); const width = dragElement.clientWidth; - const left = dragElement.getBoundingClientRect().left; - const windowWidth = document.querySelector("#windowControls").clientWidth; - const right = (windowWidth ? windowWidth : 5) + document.querySelector("#barSearch").clientWidth * 4; + const dragRect = dragElement.getBoundingClientRect() + const left = dragRect.left; + const right = window.innerWidth - dragRect.right; if (left > right && left - right < width) { dragElement.style.paddingRight = (left - right) + "px"; } else if (left < right && right - left < width) { diff --git a/app/src/util/onGetConfig.ts b/app/src/util/onGetConfig.ts index a71eb5599..5460b51a2 100644 --- a/app/src/util/onGetConfig.ts +++ b/app/src/util/onGetConfig.ts @@ -191,6 +191,9 @@ const initBar = () => {
+
+ +
`; document.querySelector(".toolbar").addEventListener("click", (event: MouseEvent) => { let target = event.target as HTMLElement; @@ -248,6 +251,10 @@ const initBar = () => { openSetting(); event.stopPropagation(); break; + } else if (target.id === "barHelp") { + mountHelp(); + event.stopPropagation(); + break; } else if (target.id === "toolbarVIP") { const dialogSetting = openSetting(); dialogSetting.element.querySelector('.b3-tab-bar [data-name="account"]').dispatchEvent(new CustomEvent("click"));