fixup! Fix NcBreadcrumbs styles to wrap buttons

Signed-off-by: julia.kirschenheuter <[email protected]>
nextcloud-libraries · Oct 18, 2023 · dce74bf · dce74bf
1 parent 519e740
commit dce74bf
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/NcBreadcrumbs/NcBreadcrumbs.vue b/src/components/NcBreadcrumbs/NcBreadcrumbs.vue
@@ -647,12 +647,17 @@ export default {
 	align-items: center;
 
 	&--collapsed  :deep(.vue-crumb:last-child) {
+		min-width: 100px;
 		flex-shrink: 1;
 	}
 
 	nav {
 		flex-shrink: 1;
-		max-width: 100%;
+		/**
+		 * This value is given by the min-width of the last crumb (100px) plus
+		 * width of one action button.
+		 */
+		min-width: calc(100% - var(--default-clickable-area));
 	}
 
 	& #{&}__crumbs {