fix(NcAppNavigationCaption): make name ellipsize

Signed-off-by: Grigory Vodyanov <[email protected]>
nextcloud-libraries · Aug 19, 2024 · 9403ff3 · 9403ff3
1 parent 1b8d6fc
commit 9403ff3
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/NcAppNavigationCaption/NcAppNavigationCaption.vue b/src/components/NcAppNavigationCaption/NcAppNavigationCaption.vue
@@ -265,9 +265,10 @@ export default {
 		overflow: hidden;
 		text-overflow: ellipsis;
 		box-shadow: none !important;
-		flex-shrink: 0;
+		flex-shrink: 1;
 		// padding to align the name with the icon of app navigation items
 		padding: 0 calc(var(--default-grid-baseline, 4px) * 2) 0 calc(var(--default-grid-baseline, 4px) * 2);
+		padding-right: 0;
 		margin-top: 0px;
 		margin-bottom: var(--default-grid-baseline);
 	}