From 137428c48def96b71db23c3cbd6f568dd69a7a69 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 6 Oct 2022 17:13:19 +0800
Subject: [PATCH] :iphone: https://github.com/siyuan-note/siyuan/issues/2621

---
 app/appearance/icons/index.html          |  4 ++--
 app/src/assets/scss/mobile.scss          | 17 +++++++++++++++++
 app/src/assets/template/mobile/index.tpl |  6 ++++++
 app/src/mobile/index.ts                  |  2 ++
 app/src/types/index.d.ts                 |  1 +
 5 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/app/appearance/icons/index.html b/app/appearance/icons/index.html
index 7abb6e2f5..67dd47959 100644
--- a/app/appearance/icons/index.html
+++ b/app/appearance/icons/index.html
@@ -794,13 +794,13 @@
         <svg>
             <use xlink:href="#iconOutdent"></use>
         </svg>
-        <del>iconOutdent</del>
+        iconOutdent
     </div>
     <div>
         <svg>
             <use xlink:href="#iconIndent"></use>
         </svg>
-        <del>iconIndent</del>
+        iconIndent
     </div>
     <div>
         <svg>
diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss
index 726648924..d164c8efd 100644
--- a/app/src/assets/scss/mobile.scss
+++ b/app/src/assets/scss/mobile.scss
@@ -248,6 +248,23 @@
   border-radius: 4px;
 }
 
+#keyboardToolbar {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  box-sizing: border-box;
+  height: 32px;
+  background: var(--b3-theme-background-light);
+
+  svg {
+    height: 18px;
+    width: 18px;
+    padding: 4px;
+    margin: 4px;
+    color: var(--b3-theme-on-surface);
+  }
+}
+
 .svg {
   fill: currentColor;
   display: inline-block;
diff --git a/app/src/assets/template/mobile/index.tpl b/app/src/assets/template/mobile/index.tpl
index aa98a860a..6af757a59 100644
--- a/app/src/assets/template/mobile/index.tpl
+++ b/app/src/assets/template/mobile/index.tpl
@@ -55,5 +55,11 @@
 <div id="commonMenu" class="b3-menu fn__none"></div>
 <div id="message" class="b3-snackbars"></div>
 <div id="status" class="status status--hide"></div>
+<div id="keyboardToolbar" class="fn__none">
+    <svg><use xlink:href="#iconUndo"></use></svg>
+    <svg><use xlink:href="#iconRedo"></use></svg>
+    <svg><use xlink:href="#iconOutdent"></use></svg>
+    <svg><use xlink:href="#iconIndent"></use></svg>
+</div>
 </body>
 </html>
diff --git a/app/src/mobile/index.ts b/app/src/mobile/index.ts
index f7b40f681..d7954e89a 100644
--- a/app/src/mobile/index.ts
+++ b/app/src/mobile/index.ts
@@ -15,6 +15,7 @@ import {promiseTransactions} from "../protyle/wysiwyg/transaction";
 import {bootSync} from "../dialog/processSystem";
 import {initMessage} from "../dialog/message";
 import {goBack} from "./util/MobileBackFoward";
+import {showKeyboardToolbar} from "./util/showKeyboardToolbar";
 
 class App {
     constructor() {
@@ -76,3 +77,4 @@ class App {
 new App();
 
 window.goBack = goBack;
+window.showKeyboardToolbar = showKeyboardToolbar;
diff --git a/app/src/types/index.d.ts b/app/src/types/index.d.ts
index 7ef205382..82fa3afbf 100644
--- a/app/src/types/index.d.ts
+++ b/app/src/types/index.d.ts
@@ -37,6 +37,7 @@ interface Window {
     }
 
     goBack(): void
+    showKeyboardToolbar(bottom?: number): void
 }
 
 interface ITextOption {