mstdn.y-zu.org/mastodon
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust avatar display inside quote container

Browse Source
This commit is contained in:
kyori19 2022-11-15 13:41:36 +00:00
parent 5d59901b8d
commit ce62e633c8
No known key found for this signature in database
GPG Key ID: F7BDE7DD42BF366A
2 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/mastodon/components/status.js
View File

@ -597,18 +597,18 @@ class Status extends ImmutablePureComponent {
return null; return null;
}; };
const statusAvatar = (status, account, quote = false) => { const statusAvatar = (status, account) => {
if (account === undefined || account === null) { if (account === undefined || account === null) {
return <Avatar account={status.get('account')} size={quote ? 18 : 48} />; return <Avatar account={status.get('account')} size={46} />;
} else { } else {
return <AvatarOverlay account={status.get('account')} friend={account} />; return <AvatarOverlay account={status.get('account')} friend={account} />;
} }
}; };
const identity = (status, account, quote = false) => ( const identity = (status, account) => (
<a onClick={this.handleAccountClick} href={`/@${status.getIn(['account', 'acct'])}`} title={status.getIn(['account', 'acct'])} className='status__display-name' target='_blank' rel='noopener noreferrer'> <a onClick={this.handleAccountClick} href={`/@${status.getIn(['account', 'acct'])}`} title={status.getIn(['account', 'acct'])} className='status__display-name' target='_blank' rel='noopener noreferrer'>
<div className='status__avatar'> <div className='status__avatar'>
{statusAvatar(status, account, quote)} {statusAvatar(status, account)}
</div> </div>
<DisplayName account={status.get('account')} /> <DisplayName account={status.get('account')} />

7
app/javascript/styles/mastodon/components.scss
View File

@ -1074,16 +1074,9 @@
.status__avatar, .status__avatar,
.detailed-status__display-avatar { .detailed-status__display-avatar {
height: 18px !important;
width: 18px !important;
position: absolute; position: absolute;
top: 5px !important; top: 5px !important;
left: 5px !important; left: 5px !important;
& img {
height: 18px !important;
width: 18px !important;
}
} }
.display-name { .display-name {