fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-08 17:44: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; text-overflow: ellipsis;
} }
.overflow-wrap-anywhere {
overflow-wrap: anywhere;
}
#app { #app {
display: flex; display: flex;
flex-direction: column; 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() && ( {!this.props.hideAvatar && community.icon && showAvatars() && (
<PictrsImage src={community.icon} icon /> <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 ( return (
<div class="mb-2"> <div class="mb-2">
<BannerIconHeader banner={community.banner} icon={community.icon} /> <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 <CommunityLink
community={community} community={community}
realLink realLink