sforkowany z mirror/soapbox
DetailedStatus: use svg icons
rodzic
1bce36a5ae
commit
ce97520b11
|
@ -365,26 +365,22 @@ class ActionBar extends React.PureComponent {
|
||||||
<div className='detailed-status__button'><IconButton title={intl.formatMessage(messages.share)} icon='share-alt' onClick={this.handleShare} /></div>
|
<div className='detailed-status__button'><IconButton title={intl.formatMessage(messages.share)} icon='share-alt' onClick={this.handleShare} /></div>
|
||||||
);
|
);
|
||||||
|
|
||||||
let replyIcon;
|
let reblogIcon = require('feather-icons/dist/icons/repeat.svg');
|
||||||
if (status.get('in_reply_to_id', null) === null) {
|
|
||||||
replyIcon = 'reply';
|
if (status.get('visibility') === 'direct') {
|
||||||
} else {
|
reblogIcon = require('@tabler/icons/icons/mail.svg');
|
||||||
replyIcon = 'reply-all';
|
} else if (status.get('visibility') === 'private') {
|
||||||
|
reblogIcon = require('@tabler/icons/icons/lock.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
let reblogIcon = 'retweet';
|
|
||||||
if (status.get('visibility') === 'direct') reblogIcon = 'envelope';
|
|
||||||
else if (status.get('visibility') === 'private') reblogIcon = 'lock';
|
|
||||||
|
|
||||||
const reblog_disabled = (status.get('visibility') === 'direct' || status.get('visibility') === 'private');
|
const reblog_disabled = (status.get('visibility') === 'direct' || status.get('visibility') === 'private');
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='detailed-status__action-bar'>
|
<div className='detailed-status__action-bar'>
|
||||||
<div className='detailed-status__button'>
|
<div className='detailed-status__button'>
|
||||||
<IconButton
|
<IconButton
|
||||||
title={intl.formatMessage(messages.reply)}
|
title={intl.formatMessage(messages.reply)}
|
||||||
icon={status.get('in_reply_to_account_id') === status.getIn(['account', 'id']) ? 'reply' : replyIcon}
|
src={require('feather-icons/dist/icons/message-circle.svg')}
|
||||||
onClick={this.handleReplyClick}
|
onClick={this.handleReplyClick}
|
||||||
text={intl.formatMessage(messages.reply)}
|
text={intl.formatMessage(messages.reply)}
|
||||||
/>
|
/>
|
||||||
|
@ -394,7 +390,7 @@ class ActionBar extends React.PureComponent {
|
||||||
disabled={reblog_disabled}
|
disabled={reblog_disabled}
|
||||||
active={status.get('reblogged')}
|
active={status.get('reblogged')}
|
||||||
title={reblog_disabled ? intl.formatMessage(messages.cannot_reblog) : intl.formatMessage(messages.reblog)}
|
title={reblog_disabled ? intl.formatMessage(messages.cannot_reblog) : intl.formatMessage(messages.reblog)}
|
||||||
icon={reblogIcon}
|
src={reblogIcon}
|
||||||
onClick={this.handleReblogClick}
|
onClick={this.handleReblogClick}
|
||||||
text={intl.formatMessage(messages.reblog)}
|
text={intl.formatMessage(messages.reblog)}
|
||||||
/>
|
/>
|
||||||
|
@ -416,7 +412,7 @@ class ActionBar extends React.PureComponent {
|
||||||
animate
|
animate
|
||||||
active={Boolean(meEmojiReact)}
|
active={Boolean(meEmojiReact)}
|
||||||
title={meEmojiTitle}
|
title={meEmojiTitle}
|
||||||
icon='thumbs-up'
|
src={require('@tabler/icons/icons/thumb-up.svg')}
|
||||||
emoji={meEmojiReact}
|
emoji={meEmojiReact}
|
||||||
text={meEmojiTitle}
|
text={meEmojiTitle}
|
||||||
onClick={this.handleLikeButtonClick}
|
onClick={this.handleLikeButtonClick}
|
||||||
|
|
|
@ -88,7 +88,7 @@
|
||||||
|
|
||||||
.icon_button__text {
|
.icon_button__text {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
padding-left: 3px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -134,6 +134,17 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.detailed-status__button {
|
||||||
|
.svg-icon {
|
||||||
|
width: 24px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&--favourite .svg-icon {
|
||||||
|
height: 24px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.detailed-status__wrapper .emoji-react-selector {
|
.detailed-status__wrapper .emoji-react-selector {
|
||||||
bottom: 40px;
|
bottom: 40px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
|
|
Ładowanie…
Reference in New Issue