fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-08 09:34:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix community display name overflow. Fixes #390

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/assets/css/main.css
View file

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

2
src/shared/components/community/community-link.tsx
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>
</>
);
}

2
src/shared/components/community/community.tsx
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