fix: truncate a very long team name with ellipses (#2963)

2022-01-21 18:36:13 -08:00
parent 79e2cad5b9
commit f4619e0e77
1 changed files with 4 additions and 0 deletions
--- a/app/components/Sidebar/components/TeamButton.tsx
+++ b/app/components/Sidebar/components/TeamButton.tsx
@@ -58,6 +58,10 @@ const TeamName = styled.div`
  white-space: nowrap;
  text-decoration: none;
  font-size: 16px;
+
+  text-overflow: ellipsis;
+  overflow: hidden;
+  width: 100%;
 `;

 const Wrapper = styled.div`