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

---
 app/src/assets/scss/_protyle.scss   | 2 +-
 app/src/protyle/breadcrumb/index.ts | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/src/assets/scss/_protyle.scss b/app/src/assets/scss/_protyle.scss
index 6f5a504e0..6f40d7e61 100644
--- a/app/src/assets/scss/_protyle.scss
+++ b/app/src/assets/scss/_protyle.scss
@@ -146,7 +146,7 @@
   }
 
   &__text--ellipsis {
-    width: 112px;
+    max-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 2b131120c..a6fe87ca9 100644
--- a/app/src/protyle/breadcrumb/index.ts
+++ b/app/src/protyle/breadcrumb/index.ts
@@ -106,6 +106,9 @@ export class Breadcrumb {
                 }
             }
         });
+        this.element.addEventListener("mousewheel", (event: WheelEvent) => {
+            this.element.scrollLeft = this.element.scrollLeft + event.deltaY;
+        }, {passive: true});
         /// #if !BROWSER
         if ("windows" !== window.siyuan.config.system.os && "linux" !== window.siyuan.config.system.os) {
             const currentWindow = getCurrentWindow();