mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Fix icons in VerificationBadge and FilterBar

profile-avatar-switcher
Alex Gleason 2021-10-05 18:59:27 -05:00
rodzic a0990bcac5
commit 23b6144718
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
2 zmienionych plików z 15 dodań i 8 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

14
app/soapbox/features/notifications/components/filter_bar.js
Wyświetl plik

@ -67,49 +67,49 @@ class FilterBar extends React.PureComponent {
onClick={this.onClick('mention')} onClick={this.onClick('mention')}
title={intl.formatMessage(tooltips.mentions)} title={intl.formatMessage(tooltips.mentions)}
> >
<Icon id='at' fixedWidth /> <Icon src={require('@tabler/icons/icons/at.svg')} />
</button> </button>
<button <button
className={selectedFilter === 'favourite' ? 'active' : ''} className={selectedFilter === 'favourite' ? 'active' : ''}
onClick={this.onClick('favourite')} onClick={this.onClick('favourite')}
title={intl.formatMessage(tooltips.favourites)} title={intl.formatMessage(tooltips.favourites)}
> >
<Icon id='thumbs-up' fixedWidth /> <Icon src={require('@tabler/icons/icons/thumb-up.svg')} />
</button> </button>
{supportsEmojiReacts && <button {supportsEmojiReacts && <button
className={selectedFilter === 'pleroma:emoji_reaction' ? 'active' : ''} className={selectedFilter === 'pleroma:emoji_reaction' ? 'active' : ''}
onClick={this.onClick('pleroma:emoji_reaction')} onClick={this.onClick('pleroma:emoji_reaction')}
title={intl.formatMessage(tooltips.emoji_reacts)} title={intl.formatMessage(tooltips.emoji_reacts)}
> >
<Icon id='smile-o' fixedWidth /> <Icon src={require('@tabler/icons/icons/mood-smile.svg')} />
</button>} </button>}
<button <button
className={selectedFilter === 'reblog' ? 'active' : ''} className={selectedFilter === 'reblog' ? 'active' : ''}
onClick={this.onClick('reblog')} onClick={this.onClick('reblog')}
title={intl.formatMessage(tooltips.boosts)} title={intl.formatMessage(tooltips.boosts)}
> >
<Icon id='retweet' fixedWidth /> <Icon src={require('feather-icons/dist/icons/repeat.svg')} />
</button> </button>
<button <button
className={selectedFilter === 'poll' ? 'active' : ''} className={selectedFilter === 'poll' ? 'active' : ''}
onClick={this.onClick('poll')} onClick={this.onClick('poll')}
title={intl.formatMessage(tooltips.polls)} title={intl.formatMessage(tooltips.polls)}
> >
<Icon id='tasks' fixedWidth /> <Icon src={require('@tabler/icons/icons/chart-bar.svg')} />
</button> </button>
<button <button
className={selectedFilter === 'follow' ? 'active' : ''} className={selectedFilter === 'follow' ? 'active' : ''}
onClick={this.onClick('follow')} onClick={this.onClick('follow')}
title={intl.formatMessage(tooltips.follows)} title={intl.formatMessage(tooltips.follows)}
> >
<Icon id='user-plus' fixedWidth /> <Icon src={require('@tabler/icons/icons/user-plus.svg')} />
</button> </button>
<button <button
className={selectedFilter === 'move' ? 'active' : ''} className={selectedFilter === 'move' ? 'active' : ''}
onClick={this.onClick('move')} onClick={this.onClick('move')}
title={intl.formatMessage(tooltips.moves)} title={intl.formatMessage(tooltips.moves)}
> >
<Icon id='suitcase' fixedWidth /> <Icon src={require('@tabler/icons/icons/briefcase.svg')} />
</button> </button>
</div> </div>
); );

9
app/styles/ui.scss
Wyświetl plik

@ -671,6 +671,12 @@
} }
} }
} }
button .svg-icon {
width: 18px;
height: 18px;
margin: 0 auto;
}
} }
.reaction__filter-bar { .reaction__filter-bar {
@ -720,7 +726,8 @@
display: block; display: block;
position: absolute; position: absolute;
content: '\f00c'; content: '\f00c';
font: normal normal normal 14px/1 ForkAwesome; font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 0.6em; font-size: 0.6em;
text-rendering: auto; text-rendering: auto;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;