From bfb62705729141b235115b45bb48663e74c73404 Mon Sep 17 00:00:00 2001 From: Dessalines Date: Sat, 18 Sep 2021 17:21:52 -0400 Subject: [PATCH] Fix community display name overflow. Fixes #390 --- src/assets/css/main.css | 4 ++++ src/shared/components/community/community-link.tsx | 2 +- src/shared/components/community/community.tsx | 2 +- 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/assets/css/main.css b/src/assets/css/main.css index ef6b743d..2e6c7cb3 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -207,6 +207,10 @@ hr { text-overflow: ellipsis; } +.overflow-wrap-anywhere { + overflow-wrap: anywhere; +} + #app { display: flex; flex-direction: column; diff --git a/src/shared/components/community/community-link.tsx b/src/shared/components/community/community-link.tsx index 96db808f..fee38eb2 100644 --- a/src/shared/components/community/community-link.tsx +++ b/src/shared/components/community/community-link.tsx @@ -61,7 +61,7 @@ export class CommunityLink extends Component { {!this.props.hideAvatar && community.icon && showAvatars() && ( )} - {displayName} + {displayName} ); } diff --git a/src/shared/components/community/community.tsx b/src/shared/components/community/community.tsx index 3ce5f848..e3420855 100644 --- a/src/shared/components/community/community.tsx +++ b/src/shared/components/community/community.tsx @@ -336,7 +336,7 @@ export class Community extends Component { return (
-
{community.title}
+
{community.title}