mirrors
/
donphan
mirror of https://github.com/Siphonay/mastodon
1
0
Fork 0
Code Releases Activity

Fix discrepancy for `autosuggest-emoji` class

This commit is contained in:
Claire 2023-11-15 21:58:43 +01:00
parent f69f1e9429
commit 09a5a78527
3 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/flavours/glitch/components/autosuggest_emoji.jsx
View File

@ -28,7 +28,7 @@ export default class AutosuggestEmoji extends PureComponent {
} }
return ( return (
<div className='emoji'> <div className='autosuggest-emoji'>
<img <img
className='emojione' className='emojione'
src={url} src={url}

4
app/javascript/flavours/glitch/features/compose/components/autosuggest_account.jsx
View File

@ -14,8 +14,8 @@ export default class AutosuggestAccount extends ImmutablePureComponent {
const { account } = this.props; const { account } = this.props;
return ( return (
<div className='account small' title={account.get('acct')}> <div className='autosuggest-account' title={account.get('acct')}>
<div className='account__avatar-wrapper'><Avatar account={account} size={24} /></div> <div className='autosuggest-account-icon'><Avatar account={account} size={24} /></div>
<DisplayName account={account} inline /> <DisplayName account={account} inline />
</div> </div>
); );

17
app/javascript/flavours/glitch/styles/components/compose_form.scss
View File

@ -308,9 +308,9 @@
background: darken($ui-secondary-color, 10%); background: darken($ui-secondary-color, 10%);
} }
> .account, .autosuggest-account,
> .emoji, .autosuggest-emoji,
> .autosuggest-hashtag { .autosuggest-hashtag {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -342,14 +342,15 @@
} }
} }
& > .account.small { .autosuggest-account-icon,
.display-name { .autosuggest-emoji img {
& > span { margin-inline-end: 8px;
}
.autosuggest-account .display-name > span {
color: $lighter-text-color; color: $lighter-text-color;
} }
} }
}
}
.compose-form__upload-wrapper { .compose-form__upload-wrapper {
overflow: hidden; overflow: hidden;