LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

update creator like style

Browse source
This commit is contained in:
Sean Yesmunt 2020-10-27 22:16:46 -04:00
parent e901daa849
commit cf40313383
2 changed files with 16 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
ui/component/commentReactions/view.jsx
View file

@ -61,22 +61,18 @@ export default function CommentReactions(props: Props) {
label={<span className="comment__reaction-count">{getCountForReact(REACTION_TYPES.DISLIKE)}</span>} label={<span className="comment__reaction-count">{getCountForReact(REACTION_TYPES.DISLIKE)}</span>}
/> />
{ENABLE_CREATOR_REACTIONS && ( {ENABLE_CREATOR_REACTIONS && (canCreatorReact || creatorLiked) && (
<> <Button
{(canCreatorReact || creatorLiked) && ( iconOnly
<Button disabled={!canCreatorReact || !claimIsMine}
iconOnly requiresAuth={IS_WEB}
disabled={!canCreatorReact || !claimIsMine} title={claimIsMine ? __('You loved this') : __('Creator loved this')}
requiresAuth={IS_WEB} icon={creatorLiked ? ICONS.CREATOR_LIKE : ICONS.SUBSCRIBE}
title={claimIsMine ? __('You loved this') : __('Creator loved this')} className={classnames('comment__action comment__action--creator-like')}
icon={creatorLiked ? ICONS.CREATOR_LIKE : ICONS.SUBSCRIBE} onClick={() => react(commentId, REACTION_TYPES.CREATOR_LIKE)}
className={classnames('comment__action comment__action--creator-like')} >
onClick={() => react(commentId, REACTION_TYPES.CREATOR_LIKE)}
/>
)}
{creatorLiked && <ChannelThumbnail uri={authorUri} className="comment__creator-like" />} {creatorLiked && <ChannelThumbnail uri={authorUri} className="comment__creator-like" />}
</> </Button>
)} )}
</> </>
); );

7
ui/scss/component/_comments.scss
View file

@ -318,8 +318,11 @@ $thumbnailWidthSmall: 0rem;
} }
.comment__creator-like { .comment__creator-like {
height: 1rem; height: 0.8rem;
width: 1rem; width: 0.8rem;
margin-left: 3px; margin-left: 3px;
z-index: 3; z-index: 3;
position: absolute;
top: 0.4rem;
left: 0.4rem;
} }