LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-26 14:21:13 +00:00
Code Issues Projects Releases Wiki Activity

Fix community display name overflow. Fixes #390 (#425)

Browse source
This commit is contained in:
Dessalines 2021-09-18 17:59:20 -04:00 committed by GitHub
parent 9a26d4bbdf
commit 967b0dd964
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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