Merge pull request #42 from tonkeeper/fix/wallet-name

Added wallet name text ellipsis in the aside menu
tonkeeper · Mar 6, 2024 · 7add1df · 7add1df
2 parents dacc726 + 1665407
commit 7add1df
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/uikit/src/components/aside/AsideMenu.tsx b/packages/uikit/src/components/aside/AsideMenu.tsx
@@ -45,6 +45,16 @@ const AsideMenuCard = styled.button<{ isSelected: boolean; padding: 's' | 'm' }>
         color: ${props => props.theme.textSecondary};
     }
 
+    & > ${Body2} {
+        text-align: left;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        line-clamp: 1;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+    }
+
     transition: background-color 0.2s ease-in-out;
 
     &:hover {