izaliamae/glitch-soc
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix discrepancy for autosuggest-emoji class

Browse source
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 (
<div className='emoji'>
<div className='autosuggest-emoji'>
<img
className='emojione'
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;
return (
<div className='account small' title={account.get('acct')}>
<div className='account__avatar-wrapper'><Avatar account={account} size={24} /></div>
<div className='autosuggest-account' title={account.get('acct')}>
<div className='autosuggest-account-icon'><Avatar account={account} size={24} /></div>
<DisplayName account={account} inline />
</div>
);

19
app/javascript/flavours/glitch/styles/components/compose_form.scss
View file

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