Merge pull request #541 from Stremio/fix/navbar-tab-label-overflow

fix(VerticalNavBar): tab label overflow
Stremio · Dec 19, 2023 · 6b4adf7 · 6b4adf7
2 parents 0626c85 + 4f9bd2a
commit 6b4adf7
Showing 1 changed file with 6 additions and 1 deletion.
diff --git 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;
     }
 }