From ac9c9cb9e0375e03559cc980b0f9e05f0d61ccc7 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Fri, 3 Jun 2022 16:15:57 +0800
Subject: [PATCH] :bug: fix https://github.com/siyuan-note/siyuan/issues/5088

---
 app/src/assets/scss/_menu.scss      | 4 ++++
 app/src/assets/scss/_protyle.scss   | 1 +
 app/src/menus/Menu.ts               | 2 +-
 app/src/protyle/util/setEditMode.ts | 2 ++
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/src/assets/scss/_menu.scss b/app/src/assets/scss/_menu.scss
index 64c0fdf42..ff9080058 100644
--- a/app/src/assets/scss/_menu.scss
+++ b/app/src/assets/scss/_menu.scss
@@ -70,6 +70,10 @@
       }
     }
 
+    &--selected {
+      color: var(--b3-theme-primary);
+    }
+
     &--current {
       background-color: var(--b3-list-hover);
     }
diff --git a/app/src/assets/scss/_protyle.scss b/app/src/assets/scss/_protyle.scss
index c31fe9b24..20bc4d6e3 100644
--- a/app/src/assets/scss/_protyle.scss
+++ b/app/src/assets/scss/_protyle.scss
@@ -109,6 +109,7 @@
   background-color: var(--b3-theme-background);
   flex-shrink: 0;
   box-sizing: border-box;
+  min-height: 30px;
 
   &__bar {
     align-items: center;
diff --git a/app/src/menus/Menu.ts b/app/src/menus/Menu.ts
index 988a30936..61ef5828f 100644
--- a/app/src/menus/Menu.ts
+++ b/app/src/menus/Menu.ts
@@ -77,7 +77,7 @@ export class MenuItem {
         }
         this.element.classList.add("b3-menu__item");
         if (options.current) {
-            this.element.classList.add("b3-menu__item--current");
+            this.element.classList.add("b3-menu__item--selected");
         }
         if (options.click) {
             this.element.addEventListener(getEventName(), (event) => {
diff --git a/app/src/protyle/util/setEditMode.ts b/app/src/protyle/util/setEditMode.ts
index a64a3d63e..db79bb317 100644
--- a/app/src/protyle/util/setEditMode.ts
+++ b/app/src/protyle/util/setEditMode.ts
@@ -10,6 +10,7 @@ export const setEditMode = (protyle: IProtyle, type: TEditorMode) => {
         protyle.contentElement.classList.add("fn__none");
         protyle.scroll?.element.classList.add("fn__none");
         protyle.breadcrumb.element.classList.add("fn__none");
+        protyle.breadcrumb.element.nextElementSibling.classList.add("fn__flex-1");
 
         protyle.preview.render(protyle);
     } else if (type === "wysiwyg") {
@@ -22,6 +23,7 @@ export const setEditMode = (protyle: IProtyle, type: TEditorMode) => {
         protyle.contentElement.classList.remove("fn__none");
         protyle.scroll?.element.classList.remove("fn__none");
         protyle.breadcrumb.element.classList.remove("fn__none");
+        protyle.breadcrumb.element.nextElementSibling.classList.remove("fn__flex-1");
 
     }
     hideElements( ["gutter", "toolbar", "select", "hint", "util"], protyle);