Multiline wrapping for long breadcrumb (#8765)

owncloud · Apr 3, 2023 · 4d04158 · 4d04158
1 parent a051a0a
commit 4d04158
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/changelog/unreleased/bugfix-multiline-breadcrumb b/changelog/unreleased/bugfix-multiline-breadcrumb
@@ -0,0 +1,6 @@
+Bugfix: Layout with long breadcrumb
+
+The breadcrumb component with total length longer than the app area was breaking the layout and has been fixed
+
+https://github.com/owncloud/web/issues/6731
+https://github.com/owncloud/web/pull/8765
diff --git a/packages/design-system/src/components/OcBreadcrumb/OcBreadcrumb.vue b/packages/design-system/src/components/OcBreadcrumb/OcBreadcrumb.vue
@@ -195,6 +195,7 @@ export default defineComponent({
 
     list-style: none;
     align-items: baseline;
+    flex-wrap: wrap;
 
     #oc-breadcrumb-contextmenu-trigger > span {
       vertical-align: middle;