From 4f9bd2a702d71fbd9682e443b3c543257fb7acb5 Mon Sep 17 00:00:00 2001 From: Tim Date: Tue, 19 Dec 2023 12:17:54 +0100 Subject: [PATCH] fix(VerticalNavBar): tab label overflow --- src/common/NavBar/VerticalNavBar/NavTabButton/styles.less | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less b/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less index 95ed91c35..01fd993e3 100644 --- a/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less +++ b/src/common/NavBar/VerticalNavBar/NavTabButton/styles.less @@ -40,14 +40,19 @@ .label { flex: none; + position: relative; + max-width: 100%; max-height: 2.4em; - padding: 0 0.2rem; + padding: 0 0.5rem; font-size: 0.8rem; font-weight: 500; letter-spacing: 0.01rem; text-align: center; + white-space: nowrap; + text-overflow: ellipsis; color: var(--primary-foreground-color); opacity: 0; + overflow: hidden; } }