Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2026-01-06 08:48:49 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: 改进斜杠菜单的元素高度 (#14000)

Browse source 
* fix: 改进斜杠菜单的元素高度

fix https://github.com/siyuan-note/siyuan/issues/13912

* fix: 改进斜杠菜单的元素高度

fix https://github.com/siyuan-note/siyuan/issues/13912
This commit is contained in:
Jeffrey Chen 2025-02-03 11:34:43 +08:00 • committed by GitHub
parent 60c47a5e5d
commit d406c1cbb3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/src/assets/scss/protyle/_toolbar.scss
View file

@ -62,7 +62,7 @@
background-color: var(--b3-menu-background);
z-index: 5;
overflow: auto;
max-height: 402px;
max-height: min(402px, 40vh);
// 不能使用，否则 hint emoji 出现双滚动条 box-sizing: border-box;
padding: 8px 0;
display: flex;

2
app/src/dialog/index.ts
View file

@ -50,7 +50,7 @@ export class Dialog {
}
this.element.innerHTML = `<div class="b3-dialog" style="z-index: ${++window.siyuan.zIndex};${typeof left === "string" ? "display:block" : ""}">
<div class="b3-dialog__scrim"${options.transparent ? 'style="background-color:transparent"' : ""}></div>
<div class="b3-dialog__container ${options.containerClassName}" style="width:${options.width || "auto"};height:${options.height || "auto"};left:${left};top:${top}">
<div class="b3-dialog__container${options.containerClassName ? ` ${options.containerClassName}` : ""}" style="width:${options.width || "auto"};height:${options.height || "auto"};${left ? `left:${left};` : ""}${top ? `top:${top}` : ""}">
<svg ${(isMobile() && options.title) ? 'style="top:0;right:0;"' : ""} class="b3-dialog__close${(this.disableClose || options.hideCloseIcon) ? " fn__none" : ""}"><use xlink:href="#iconCloseRound"></use></svg>
<div class="resize__move b3-dialog__header${options.title ? "" : " fn__none"}" onselectstart="return false;">${options.title || ""}</div>
<div class="b3-dialog__body">${options.content}</div>

4
app/src/protyle/hint/index.ts
View file

@ -374,8 +374,8 @@ ${genHintItemHTML(item)}
}
lazyLoadEmojiImg(panelElement);
} else {
// 402 和 .protyle-hint 保持一致，用户 /emoji
this.element.innerHTML = `<div style="padding: 0;max-height:402px;width:360px" class="emojis">
// /emoji 菜单，min(402px,40vh) 和 .protyle-hint 保持一致，否则不显示底部导航栏
this.element.innerHTML = `<div style="padding:0;max-height:min(402px,40vh);width:368px" class="emojis">
<div class="emojis__panel">${filterEmoji(value, 256)}</div>
<div class="fn__flex${value ? " fn__none" : ""}">
${[