diff --git a/app/src/assets/scss/_tooltips.scss b/app/src/assets/scss/_tooltips.scss
index c2fcbc3c0..9742f6b6a 100644
--- a/app/src/assets/scss/_tooltips.scss
+++ b/app/src/assets/scss/_tooltips.scss
@@ -39,6 +39,7 @@
max-width: 60vw;
overflow: hidden;
text-overflow: ellipsis;
+ box-sizing: border-box;
}
&::before {
diff --git a/app/src/assets/template/app/index.tpl b/app/src/assets/template/app/index.tpl
index 85fd5f6a4..36cbeade0 100644
--- a/app/src/assets/template/app/index.tpl
+++ b/app/src/assets/template/app/index.tpl
@@ -5,6 +5,7 @@
+
diff --git a/app/src/assets/template/desktop/index.tpl b/app/src/assets/template/desktop/index.tpl
index ad9852201..966cba641 100644
--- a/app/src/assets/template/desktop/index.tpl
+++ b/app/src/assets/template/desktop/index.tpl
@@ -4,6 +4,7 @@
+
diff --git a/app/src/protyle/ui/initUI.ts b/app/src/protyle/ui/initUI.ts
index 2ebf72bb7..0d544754d 100644
--- a/app/src/protyle/ui/initUI.ts
+++ b/app/src/protyle/ui/initUI.ts
@@ -85,4 +85,10 @@ export const setPadding = (protyle: IProtyle) => {
lineNumberRender(block);
});
}
+ if (window.siyuan.config.editor.displayBookmarkIcon) {
+ const editorAttrElement = document.getElementById("editorAttr")
+ if (editorAttrElement) {
+ editorAttrElement.innerHTML = `.protyle-wysiwyg--attr .b3-tooltips:after { max-width: ${protyle.wysiwyg.element.clientWidth - min16 - min24}px; }`;
+ }
+ }
};