Fix community display name overflow. Fixes #390

This commit is contained in:
Dessalines 2021-09-18 17:21:52 -04:00
parent 8f132f67fa
commit bfb6270572
3 changed files with 6 additions and 2 deletions

View file

@ -207,6 +207,10 @@ hr {
text-overflow: ellipsis;
}
.overflow-wrap-anywhere {
overflow-wrap: anywhere;
}
#app {
display: flex;
flex-direction: column;

View file

@ -61,7 +61,7 @@ export class CommunityLink extends Component<CommunityLinkProps, any> {
{!this.props.hideAvatar && community.icon && showAvatars() && (
<PictrsImage src={community.icon} icon />
)}
<span>{displayName}</span>
<span class="overflow-wrap-anywhere">{displayName}</span>
</>
);
}

View file

@ -336,7 +336,7 @@ export class Community extends Component<any, State> {
return (
<div class="mb-2">
<BannerIconHeader banner={community.banner} icon={community.icon} />
<h5 class="mb-0">{community.title}</h5>
<h5 class="mb-0 overflow-wrap-anywhere">{community.title}</h5>
<CommunityLink
community={community}
realLink