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

Merge pull request #1597 from jsit/feat/hide-avatars-on-listings

Browse source 
feat(UI): Make post listing (icon) avatars smaller (line-height)
This commit is contained in:
SleeplessOne1917 2023-06-26 20:27:41 -04:00 committed by GitHub
parent a5fc6bf5f1 af67240163
commit 531630c1e7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -360,8 +360,9 @@ br.big {
}
.img-icon {
width: 2rem;
height: 2rem;
width: calc(var(--bs-body-line-height) * 1em);
height: calc(var(--bs-body-line-height) * 1em);
border-radius: 0.25em;
}
.tribute-container ul {

2
src/shared/components/common/pictrs-image.tsx
View file

@ -39,7 +39,7 @@ export class PictrsImage extends Component<PictrsImageProps, any> {
"img-expanded slight-radius":
!this.props.thumbnail && !this.props.icon,
"img-blur": this.props.thumbnail && this.props.nsfw,
"rounded-circle img-cover img-icon me-2": this.props.icon,
"img-cover img-icon me-1": this.props.icon,
"ms-2 mb-0 rounded-circle img-cover avatar-overlay":
this.props.iconOverlay,
"avatar-pushup": this.props.pushup,

2
src/shared/components/post/post-listing.tsx
View file

@ -396,7 +396,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
const post_view = this.postView;
return (
<span className="small">
<PersonListing person={post_view.creator} muted={true} />
<PersonListing person={post_view.creator} />
{this.creatorIsMod_ && (
<span className="mx-1 badge text-bg-light">
{I18NextService.i18n.t("mod")}