diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss index 673a6a371..62bb77623 100644 --- a/app/src/assets/scss/mobile.scss +++ b/app/src/assets/scss/mobile.scss @@ -363,6 +363,8 @@ box-shadow: inset 0 0 0 .6px var(--b3-theme-on-surface); border: 0; color: var(--b3-theme-on-background); + min-height: 50px; + text-align: left; } &-icon { @@ -376,7 +378,6 @@ } &-text { - line-height: 48px; margin-left: 6px; } } diff --git a/app/src/mobile/util/keyboardToolbar.ts b/app/src/mobile/util/keyboardToolbar.ts index ea05339ae..8b6f56a36 100644 --- a/app/src/mobile/util/keyboardToolbar.ts +++ b/app/src/mobile/util/keyboardToolbar.ts @@ -195,6 +195,16 @@ export const renderTextMenu = (protyle: IProtyle, toolbarElement: Element) => { const renderSlashMenu = (protyle: IProtyle, toolbarElement: Element) => { protyle.hint.splitChar = "/"; protyle.hint.lastIndex = -1; + let pluginHTML = "" + protyle.app.plugins.forEach((plugin) => { + plugin.protyleSlash.forEach(slash => { + pluginHTML += getSlashItem(`plugin${Constants.ZWSP}${plugin.name}${Constants.ZWSP}${slash.id}`, + "", slash.html, "true"); + }); + }); + if (pluginHTML) { + pluginHTML = `
${pluginHTML}
` + } const utilElement = toolbarElement.querySelector(".keyboard__util") as HTMLElement; utilElement.innerHTML = `
@@ -252,7 +262,7 @@ const renderSlashMenu = (protyle: IProtyle, toolbarElement: Element) => { ${getSlashItem(`style${Constants.ZWSP}color: var(--b3-card-warning-color);background-color: var(--b3-card-warning-background);`, '
A
', window.siyuan.languages.warningStyle, "true")} ${getSlashItem(`style${Constants.ZWSP}color: var(--b3-card-error-color);background-color: var(--b3-card-error-background);`, '
A
', window.siyuan.languages.errorStyle, "true")} ${getSlashItem(`style${Constants.ZWSP}`, '
A
', window.siyuan.languages.clearFontStyle, "true")} -
`; +${pluginHTML}`; protyle.hint.bindUploadEvent(protyle, utilElement); };