diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss index efd8bbad3..fd7a6f35c 100644 --- a/app/src/assets/scss/mobile.scss +++ b/app/src/assets/scss/mobile.scss @@ -481,6 +481,10 @@ &-background__img img { height: 200px; } + + &-scroll { + right: 0; + } } .av__views .block__icon { diff --git a/app/src/assets/scss/protyle/_protyle.scss b/app/src/assets/scss/protyle/_protyle.scss index 9bb0a2db9..6208b1de1 100644 --- a/app/src/assets/scss/protyle/_protyle.scss +++ b/app/src/assets/scss/protyle/_protyle.scss @@ -6,7 +6,7 @@ .protyle-scroll { --b3-dynamicscroll-width: 200px; position: absolute; - right: 0; + right: 10px; top: 30px; width: 16px; bottom: 9px; // 下图标 hover 时,需要留出一定的空间 diff --git a/app/src/block/Panel.ts b/app/src/block/Panel.ts index e3a3268fe..058eccada 100644 --- a/app/src/block/Panel.ts +++ b/app/src/block/Panel.ts @@ -195,7 +195,7 @@ export class BlockPanel { } // 由于 afterCB 中高度的设定,需在之后再进行设定 // 49 = 16(上图标)+16(下图标)+8(padding)+9(底部距离) - editor.protyle.scroll.element.parentElement.setAttribute("style", `--b3-dynamicscroll-width:${Math.min(editor.protyle.contentElement.clientHeight - 49, 200)}px;${isMobile() ? "" : "right:10px"}`); + editor.protyle.scroll.element.parentElement.setAttribute("style", `--b3-dynamicscroll-width:${Math.min(editor.protyle.contentElement.clientHeight - 49, 200)}px;`); } }); this.editors.push(editor); diff --git a/app/src/protyle/scroll/index.ts b/app/src/protyle/scroll/index.ts index 646949bdb..520c8b899 100644 --- a/app/src/protyle/scroll/index.ts +++ b/app/src/protyle/scroll/index.ts @@ -17,9 +17,6 @@ export class Scroll { constructor(protyle: IProtyle) { this.parentElement = document.createElement("div"); this.parentElement.classList.add("protyle-scroll"); - if (!isMobile()) { - this.parentElement.style.right = "10px"; - } this.parentElement.innerHTML = `