From 9403ff396abf982189b49477ea795274384cc202 Mon Sep 17 00:00:00 2001 From: Grigory Vodyanov Date: Mon, 19 Aug 2024 16:59:15 +0200 Subject: [PATCH] fix(NcAppNavigationCaption): make name ellipsize Signed-off-by: Grigory Vodyanov --- .../NcAppNavigationCaption/NcAppNavigationCaption.vue | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/NcAppNavigationCaption/NcAppNavigationCaption.vue b/src/components/NcAppNavigationCaption/NcAppNavigationCaption.vue index 527006a4ef..1aeb2f1918 100644 --- 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); }