diff --git a/app/src/assets/scss/protyle/_protyle.scss b/app/src/assets/scss/protyle/_protyle.scss index 6208b1de1..bc05f1ba3 100644 --- a/app/src/assets/scss/protyle/_protyle.scss +++ b/app/src/assets/scss/protyle/_protyle.scss @@ -121,6 +121,7 @@ box-sizing: border-box; min-height: 30px; z-index: 1; + font-size: 14px; .block__icon { opacity: 1; diff --git a/app/src/block/Panel.ts b/app/src/block/Panel.ts index c430abf8c..4258faced 100644 --- a/app/src/block/Panel.ts +++ b/app/src/block/Panel.ts @@ -135,12 +135,7 @@ export class BlockPanel { } }); /// #if !MOBILE - moveResize(this.element, (type: string) => { - if (type !== "move") { - this.editors.forEach(item => { - resize(item.protyle); - }); - } + moveResize(this.element, () => { const pinElement = this.element.firstElementChild.querySelector('[data-type="pin"]'); pinElement.setAttribute("aria-label", window.siyuan.languages.unpin); pinElement.querySelector("use").setAttribute("xlink:href", "#iconUnpin"); @@ -260,6 +255,16 @@ export class BlockPanel { html += '
'; } this.element.innerHTML = html; + let resizeTimeout: number + const observerResize = new ResizeObserver((a, b) => { + clearTimeout(resizeTimeout); + resizeTimeout = window.setTimeout(() => { + this.editors.forEach(item => { + resize(item.protyle); + }); + }, Constants.TIMEOUT_TRANSITION) + }); + observerResize.observe(this.element); const observer = new IntersectionObserver((e) => { e.forEach(item => { if (item.isIntersecting && item.target.innerHTML === "") {