fix(APP-3261): Truncate long link descriptions on DAO dashboard (#1381)

aragon · Jul 9, 2024 · aed05ff · aed05ff
1 parent f94c066
commit aed05ff
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/@aragon/ods-old/components/headers/headerDao.tsx b/src/@aragon/ods-old/components/headers/headerDao.tsx
@@ -8,7 +8,7 @@ import {Link} from '../link';
 import {ListItemLink} from '../listItem';
 
 const DEFAULT_LINES_SHOWN = 2;
-const DEFAULT_LINKS_SHOWN = 3;
+const DEFAULT_LINKS_SHOWN = 2;
 const DEFAULT_TRANSLATIONS = {
   follow: 'Follow',
   following: 'Following',
@@ -207,7 +207,12 @@ export const HeaderDao: React.FC<HeaderDaoProps> = ({
             {links
               ?.slice(0, DEFAULT_LINKS_SHOWN)
               ?.map(({label, href}, index: number) => (
-                <Link {...{label, href}} external key={index} />
+                <Link
+                  className="max-w-44"
+                  {...{label, href}}
+                  external
+                  key={index}
+                />
               ))}
           </LinksWrapper>
           <ActionContainer>