Improve display of LineAwesome icons

This commit is contained in:
Alex Gleason 2021-09-26 23:28:45 -05:00
parent 2015560a42
commit bc4f953af2
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
8 changed files with 12 additions and 3 deletions

View file

@ -346,7 +346,7 @@ class Status extends ImmutablePureComponent {
if (featured) { if (featured) {
prepend = ( prepend = (
<div className='status__prepend'> <div className='status__prepend'>
<div className='status__prepend-icon-wrapper'><Icon id='thumb-tack' className='status__prepend-icon' fixedWidth /></div> <div className='status__prepend-icon-wrapper'><Icon id='thumbtack' className='status__prepend-icon' fixedWidth /></div>
<FormattedMessage id='status.pinned' defaultMessage='Pinned post' /> <FormattedMessage id='status.pinned' defaultMessage='Pinned post' />
</div> </div>
); );

View file

@ -89,7 +89,7 @@
"fa fa-star-half", "fa fa-star-half",
"fa fa-heart-o", "fa fa-heart-o",
"fa fa-sign-out", "fa fa-sign-out",
"fa fa-thumb-tack", "fa fa-thumbtack",
"fa fa-external-link", "fa fa-external-link",
"fa fa-sign-in", "fa fa-sign-in",
"fa fa-trophy", "fa fa-trophy",

View file

@ -62,7 +62,7 @@ class InstanceInfoPanel extends ImmutablePureComponent {
render() { render() {
const { remoteInstance, pinned } = this.props; const { remoteInstance, pinned } = this.props;
const menu = this.makeMenu(); const menu = this.makeMenu();
const icon = pinned ? 'thumb-tack' : 'globe-w'; const icon = pinned ? 'thumbtack' : 'globe-w';
return ( return (
<div className='wtf-panel instance-federation-panel'> <div className='wtf-panel instance-federation-panel'>

View file

@ -584,6 +584,7 @@
.column-header__icon { .column-header__icon {
display: inline-block; display: inline-block;
margin-right: 5px; margin-right: 5px;
font-size: 20px;
} }
.column-settings__outer { .column-settings__outer {

View file

@ -24,6 +24,7 @@
&__icon { &__icon {
margin-right: 10px; margin-right: 10px;
font-size: 20px;
} }
&__label { &__label {

View file

@ -33,5 +33,6 @@
&__icon, &__icon,
.icon-with-counter { .icon-with-counter {
margin-right: 12px; margin-right: 12px;
font-size: 20px;
} }
} }

View file

@ -12,9 +12,14 @@
&-track-x { &-track-x {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
height: 15px; height: 15px;
color: #fff; color: #fff;
} }
} }
} }
i.fa {
font-size: 20px;
}
} }

View file

@ -24,6 +24,7 @@
&__icon { &__icon {
margin-right: 10px; margin-right: 10px;
font-size: 20px;
} }
&__label { &__label {