:art: https://github.com/siyuan-note/siyuan/issues/5019 1

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;

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");