From df3ee3f24e9fda0b3715ed64aa6a7b84892fad9b Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Fri, 17 Mar 2023 11:41:44 +0800
Subject: [PATCH] :lipstick: https://github.com/siyuan-note/siyuan/issues/7520

---
 app/src/assets/scss/mobile.scss          | 1 +
 app/src/assets/template/mobile/index.tpl | 2 +-
 app/src/mobile/util/MobileBacklinks.ts   | 2 +-
 app/src/mobile/util/MobileBookmarks.ts   | 2 +-
 app/src/mobile/util/MobileFiles.ts       | 2 +-
 app/src/mobile/util/MobileOutline.ts     | 2 +-
 app/src/mobile/util/MobileTags.ts        | 2 +-
 7 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss
index c3b723210..b8c3c2cf0 100644
--- a/app/src/assets/scss/mobile.scss
+++ b/app/src/assets/scss/mobile.scss
@@ -117,6 +117,7 @@
   &__text {
     @include text-clamp(1);
     flex: 1;
+    font-size: 17px;
   }
 }
 
diff --git a/app/src/assets/template/mobile/index.tpl b/app/src/assets/template/mobile/index.tpl
index 957b91ada..c321e127d 100644
--- a/app/src/assets/template/mobile/index.tpl
+++ b/app/src/assets/template/mobile/index.tpl
@@ -28,7 +28,7 @@
 <div id="editor" class="fn__none fn__flex-1"></div>
 <div id="empty"></div>
 <div id="sidebar" class="side-panel fn__flex-column">
-    <div class="toolbar toolbar--border toolbar--dark">
+    <div class="toolbar toolbar--border">
         <svg data-type="sidebar-file-tab" class="toolbar__icon toolbar__icon--active"><use xlink:href="#iconFiles"></use></svg>
         <svg data-type="sidebar-outline-tab" class="toolbar__icon"><use xlink:href="#iconAlignCenter"></use></svg>
         <svg data-type="sidebar-bookmark-tab" class="toolbar__icon"><use xlink:href="#iconBookmark"></use></svg>
diff --git a/app/src/mobile/util/MobileBacklinks.ts b/app/src/mobile/util/MobileBacklinks.ts
index e848bc925..2f3c1ea54 100644
--- a/app/src/mobile/util/MobileBacklinks.ts
+++ b/app/src/mobile/util/MobileBacklinks.ts
@@ -12,7 +12,7 @@ export class MobileBacklinks {
 
     constructor() {
         this.element = document.querySelector('#sidebar [data-type="sidebar-backlink"]');
-        this.element.innerHTML = `<div class="toolbar">
+        this.element.innerHTML = `<div class="toolbar toolbar--border toolbar--dark">
     <div class="fn__space"></div>
     <div class="toolbar__text">
         ${window.siyuan.languages.backlinks}
diff --git a/app/src/mobile/util/MobileBookmarks.ts b/app/src/mobile/util/MobileBookmarks.ts
index 5fb856740..ffd3876f7 100644
--- a/app/src/mobile/util/MobileBookmarks.ts
+++ b/app/src/mobile/util/MobileBookmarks.ts
@@ -14,7 +14,7 @@ export class MobileBookmarks {
 
     constructor() {
         this.element = document.querySelector('#sidebar [data-type="sidebar-bookmark"]');
-        this.element.innerHTML = `<div class="toolbar">
+        this.element.innerHTML = `<div class="toolbar toolbar--border toolbar--dark">
     <div class="fn__space"></div>
     <div class="toolbar__text">
         ${window.siyuan.languages.bookmark}
diff --git a/app/src/mobile/util/MobileFiles.ts b/app/src/mobile/util/MobileFiles.ts
index 9b89e87a3..51e5c547f 100644
--- a/app/src/mobile/util/MobileFiles.ts
+++ b/app/src/mobile/util/MobileFiles.ts
@@ -56,7 +56,7 @@ export class MobileFiles extends Model {
             },
         });
         const filesElement = document.querySelector('#sidebar [data-type="sidebar-file"]');
-        filesElement.innerHTML = `<div class="toolbar">
+        filesElement.innerHTML = `<div class="toolbar toolbar--border toolbar--dark">
     <div class="fn__space"></div>
     <div class="toolbar__text">${window.siyuan.languages.fileTree}</div>
     <div class="fn__flex-1 fn__space"></div>
diff --git a/app/src/mobile/util/MobileOutline.ts b/app/src/mobile/util/MobileOutline.ts
index ca69eacf0..3635ed512 100644
--- a/app/src/mobile/util/MobileOutline.ts
+++ b/app/src/mobile/util/MobileOutline.ts
@@ -11,7 +11,7 @@ export class MobileOutline {
 
     constructor() {
         this.element = document.querySelector('#sidebar [data-type="sidebar-outline"]');
-        this.element.innerHTML = `<div class="toolbar">
+        this.element.innerHTML = `<div class="toolbar toolbar--border toolbar--dark">
     <div class="fn__space"></div>
     <div class="toolbar__text">
         ${window.siyuan.languages.outline}
diff --git a/app/src/mobile/util/MobileTags.ts b/app/src/mobile/util/MobileTags.ts
index ee7398b44..222ce3685 100644
--- a/app/src/mobile/util/MobileTags.ts
+++ b/app/src/mobile/util/MobileTags.ts
@@ -14,7 +14,7 @@ export class MobileTags {
 
     constructor() {
         this.element = document.querySelector('#sidebar [data-type="sidebar-tag"]');
-        this.element.innerHTML = `<div class="toolbar">
+        this.element.innerHTML = `<div class="toolbar toolbar--border toolbar--dark">
     <div class="fn__space"></div>
     <div class="toolbar__text">
         ${window.siyuan.languages.tag}