bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Status: improve "pinned" icon

Browse source
This commit is contained in:
Alex Gleason 2021-10-16 10:10:41 -05:00
parent 0aa36c70bd
commit 79f878db97
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/soapbox/components/status.js
View file

@ -353,7 +353,7 @@ class Status extends ImmutablePureComponent {
prepend = ( prepend = (
<div className='status__prepend'> <div className='status__prepend'>
<div className='status__prepend-icon-wrapper'> <div className='status__prepend-icon-wrapper'>
<Icon src={require('@tabler/icons/icons/pin.svg')} className='status__prepend-icon' /> <Icon src={require('@tabler/icons/icons/pinned.svg')} className='status__prepend-icon status__prepend-icon--pinned' />
</div> </div>
<FormattedMessage id='status.pinned' defaultMessage='Pinned post' /> <FormattedMessage id='status.pinned' defaultMessage='Pinned post' />
</div> </div>

10
app/styles/components/status.scss
View file

@ -149,6 +149,16 @@
} }
} }
.status__prepend-icon--pinned.svg-icon {
width: 18px;
height: 18px;
margin-top: -1px;
svg {
stroke-width: 1.5px;
}
}
.status { .status {
padding: 8px 10px; padding: 8px 10px;
padding-left: 68px; padding-left: 68px;