mirror of
https://github.com/LemmyNet/lemmy-ui.git
synced 2024-11-08 09:34:16 +00:00
Fix community display name overflow. Fixes #390
This commit is contained in:
parent
8f132f67fa
commit
bfb6270572
|
@ -207,6 +207,10 @@ hr {
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.overflow-wrap-anywhere {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
#app {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
@ -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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue