From a365814aaa451de22f017392730da759a64d7093 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 8 Dec 2025 22:54:31 +0200
Subject: [PATCH] feat(breadcrumb): improve overflow slightly

---
 apps/client/src/widgets/Breadcrumb.css | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/widgets/Breadcrumb.css b/apps/client/src/widgets/Breadcrumb.css
index c64b6b517..810d54797 100644
--- a/apps/client/src/widgets/Breadcrumb.css
+++ b/apps/client/src/widgets/Breadcrumb.css
@@ -11,23 +11,30 @@
     gap: 0.25em;
     flex-wrap: nowrap;
     overflow: hidden;
+    max-width: 85%;
 
     > span,
     > span > span {
         display: flex;
         align-items: center;
         min-width: 0;
+
+        a {
+            color: inherit;
+            text-decoration: none;
+            min-width: 0;
+            max-width: 150px;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow: hidden;
+            display: block;
+            flex-shrink: 2;
+        }
     }
 
-    a {
-        color: inherit;
-        text-decoration: none;
-        min-width: 0;
-        max-width: 100px;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        display: block;
+    > span:last-of-type a {
+        max-width: 300px;
+        flex-shrink: 1;
     }
 
     ul {
@@ -39,7 +46,6 @@
 
     .dropdown-item span,
     .dropdown-item strong {
-        max-width: 200px;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;