smallsolar
/
mastodon
mirror of https://github.com/mastodon/mastodon.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

replace text in FilterBar with icons

This commit is contained in:
alxd 2018-12-03 09:01:43 +01:00
parent 1c4c35f3d2
commit b147d7c444
2 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
app/javascript/mastodon/features/notifications/components/filter_bar.js
View File

@ -30,37 +30,49 @@ export default class FilterBar extends React.PureComponent {
className={selectedFilter === 'mention' ? 'active' : ''} className={selectedFilter === 'mention' ? 'active' : ''}
onClick={this.onClick('mention')} onClick={this.onClick('mention')}
> >
<FormattedMessage {/*
id='notifications.filter.mentions' <FormattedMessage
defaultMessage='Mentions' id='notifications.filter.mentions'
/> defaultMessage='Mentions'
/>
*/}
@
</button> </button>
<button <button
className={selectedFilter === 'favourite' ? 'active' : ''} className={selectedFilter === 'favourite' ? 'active' : ''}
onClick={this.onClick('favourite')} onClick={this.onClick('favourite')}
> >
<FormattedMessage {/*
id='notifications.filter.favourites' <FormattedMessage
defaultMessage='Favourites' id='notifications.filter.favourites'
/> defaultMessage='Favourites'
/>
*/}
<i className='fa fa-fw fa-star' />
</button> </button>
<button <button
className={selectedFilter === 'reblog' ? 'active' : ''} className={selectedFilter === 'reblog' ? 'active' : ''}
onClick={this.onClick('reblog')} onClick={this.onClick('reblog')}
> >
<FormattedMessage {/*
id='notifications.filter.boosts' <FormattedMessage
defaultMessage='Boosts' id='notifications.filter.boosts'
/> defaultMessage='Boosts'
/>
*/}
<i className='fa fa-fw fa-retweet' />
</button> </button>
<button <button
className={selectedFilter === 'follow' ? 'active' : ''} className={selectedFilter === 'follow' ? 'active' : ''}
onClick={this.onClick('follow')} onClick={this.onClick('follow')}
> >
<FormattedMessage {/*
id='notifications.filter.follows' <FormattedMessage
defaultMessage='Follows' id='notifications.filter.follows'
/> defaultMessage='Follows'
/>
*/}
<i className='fa fa-fw fa-user-plus' />
</button> </button>
</div> </div>
); );

2
app/javascript/styles/mastodon/components.scss
View File

@ -1493,7 +1493,7 @@ a.account__display-name {
position: relative; position: relative;
flex-grow: 1; flex-grow: 1;
color: $primary-text-color; color: $primary-text-color;
padding: 5px 5px 12px; padding: 10px 5px 12px;
text-decoration: none; text-decoration: none;
font-weight: 400; font-weight: 400;
font-size: 15px; font-size: 15px;