LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-30 00:01:15 +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;
}
.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