Fix word wrap

PostHog · Nov 6, 2023 · df9ff80 · df9ff80
1 parent bc3bdcb
commit df9ff80
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/frontend/src/layout/navigation-3000/components/Breadcrumbs.scss b/frontend/src/layout/navigation-3000/components/Breadcrumbs.scss
@@ -7,6 +7,7 @@
     align-items: start;
     height: var(--breadcrumbs-height-full);
     pointer-events: none;
+    white-space: nowrap;
 }
 
 .Breadcrumbs3000__content {
@@ -21,7 +22,6 @@
     );
     background: var(--glass-bg-3000);
     border-bottom: 1px solid var(--glass-border-3000);
-    overflow-x: auto;
     font-size: calc(0.75rem + 0.0625rem * var(--breadcrumbs-compaction-rate));
     line-height: 1rem;
     font-weight: 600;
@@ -34,6 +34,12 @@
     align-items: center;
 }
 
+.Breadcrumbs3000__trail {
+    flex-grow: 1;
+    flex-shrink: 1;
+    overflow-x: auto;
+}
+
 .Breadcrumbs3000__here {
     position: relative;
     line-height: 1.2;
@@ -49,6 +55,7 @@
 }
 
 .Breadcrumbs3000__breadcrumb {
+    flex-shrink: 0;
     display: flex;
     align-items: center;
     white-space: pre;