From 6894c1690e0d760bef588e1c9819ece142dfc8eb Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Sat, 28 May 2022 19:00:09 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/5019 1

---
 app/src/assets/scss/_protyle.scss   | 9 +++++----
 app/src/protyle/breadcrumb/index.ts | 6 +-----
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/app/src/assets/scss/_protyle.scss b/app/src/assets/scss/_protyle.scss
index b63cf8e00..f0f659058 100644
--- a/app/src/assets/scss/_protyle.scss
+++ b/app/src/assets/scss/_protyle.scss
@@ -111,15 +111,16 @@
   box-sizing: border-box;
 
   &__bar {
-    flex-wrap: wrap;
     align-items: center;
     display: flex;
     transition: var(--b3-transition);
     margin-right: 8px;
-    max-height: 60px;
-    min-height: 30px;
     overflow: auto;
 
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
     &--hide {
       opacity: 0;
       transition: 1s;
@@ -140,7 +141,7 @@
   }
 
   &__text--ellipsis {
-    width: 23px;
+    width: 112px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
diff --git a/app/src/protyle/breadcrumb/index.ts b/app/src/protyle/breadcrumb/index.ts
index 1c7810052..12cb276bf 100644
--- a/app/src/protyle/breadcrumb/index.ts
+++ b/app/src/protyle/breadcrumb/index.ts
@@ -48,10 +48,6 @@ export class Breadcrumb {
                             openFileById({id, action: [Constants.CB_GET_FOCUS]});
                         }
                     } else {
-                        // const activeElement = this.element.querySelector(".protyle-breadcrumb__item--active")
-                        // if (activeElement) {
-                        //     activeElement.classList.remove("protyle-breadcrumb__item--active");
-                        // }
                         zoomOut(protyle, id);
                     }
                     event.preventDefault();
@@ -401,7 +397,7 @@ export class Breadcrumb {
                 return;
             }
             let jump = false;
-            while (this.element.scrollHeight > 60 && !jump) {
+            while (this.element.scrollHeight > 30 && !jump) {
                 itemElements.find((item, index) => {
                     if (itemElements.length === 1) {
                         item.classList.add("protyle-breadcrumb__text--ellipsis");