From 677eca9b58c7bd45e2170c9775db00eaa90b9ba2 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Fri, 21 Oct 2022 09:23:15 +0800
Subject: [PATCH] :lipstick: fix
 https://github.com/siyuan-note/siyuan/issues/6279

---
 app/src/assets/scss/_protyle.scss   |  7 ++++++-
 app/src/assets/scss/_reset.scss     |  4 ----
 app/src/assets/scss/base.scss       | 10 ++++++++++
 app/src/protyle/breadcrumb/index.ts |  4 ++--
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/app/src/assets/scss/_protyle.scss b/app/src/assets/scss/_protyle.scss
index 31e77574b..9f16b61f9 100644
--- a/app/src/assets/scss/_protyle.scss
+++ b/app/src/assets/scss/_protyle.scss
@@ -111,12 +111,17 @@
   box-sizing: border-box;
   min-height: 30px;
 
+  &__space {
+    flex: 1;
+    min-width: 8px;
+    transition: var(--b3-transition);
+  }
+
   &__bar {
     align-items: center;
     flex-wrap: wrap;
     display: flex;
     transition: var(--b3-transition);
-    margin-right: 8px;
     overflow: auto;
     min-height: 30px;
 
diff --git a/app/src/assets/scss/_reset.scss b/app/src/assets/scss/_reset.scss
index fe8138e09..302454f70 100644
--- a/app/src/assets/scss/_reset.scss
+++ b/app/src/assets/scss/_reset.scss
@@ -64,10 +64,6 @@ body {
         padding-left: 10px;
         padding-right: 108px;
       }
-
-      .protyle-breadcrumb > .fn__flex-shrink {
-        -webkit-app-region: drag;
-      }
     }
   }
 }
diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
index 54c9fd67c..ab46f6948 100644
--- a/app/src/assets/scss/base.scss
+++ b/app/src/assets/scss/base.scss
@@ -103,6 +103,16 @@ progressLoading: 400
     padding-left: 69px;
     height: 32px;
   }
+
+  .protyle-breadcrumb > .protyle-breadcrumb__space {
+    -webkit-app-region: drag;
+    min-width: 32px;
+
+    &:hover {
+      border-radius: 16px;
+      background-color: var(--b3-theme-surface-light);
+    }
+  }
 }
 
 .custom-attr {
diff --git a/app/src/protyle/breadcrumb/index.ts b/app/src/protyle/breadcrumb/index.ts
index 4bdff1f60..268734a8d 100644
--- a/app/src/protyle/breadcrumb/index.ts
+++ b/app/src/protyle/breadcrumb/index.ts
@@ -34,7 +34,7 @@ export class Breadcrumb {
         const element = document.createElement("div");
         element.className = "protyle-breadcrumb";
         let html = `<div class="protyle-breadcrumb__bar"></div>
-<span class="fn__flex-1 fn__flex-shrink"></span>
+<span class="protyle-breadcrumb__space"></span>
 <button class="b3-tooltips b3-tooltips__w block__icon fn__flex-center" style="opacity: 1;" data-menu="true" aria-label="${window.siyuan.languages.more}"><svg><use xlink:href="#iconMore"></use></svg></button>`;
         if (protyle.options.render.breadcrumbContext) {
             html += `<span class="fn__space"></span>
@@ -116,7 +116,7 @@ export class Breadcrumb {
         /// #if !BROWSER
         if ("windows" !== window.siyuan.config.system.os && "linux" !== window.siyuan.config.system.os) {
             const currentWindow = getCurrentWindow();
-            element.querySelector(".fn__flex-shrink").addEventListener("dblclick", (event) => {
+            element.querySelector(".protyle-breadcrumb__space").addEventListener("dblclick", (event) => {
                 if (hasClosestByClassName(event.target as HTMLElement, "fullscreen")) {
                     if (currentWindow.isMaximized()) {
                         currentWindow.unmaximize();