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

clean up file page and reactions

Browse source
This commit is contained in:
zeppi 2021-10-16 16:24:52 -04:00 committed by jessopb
parent 34c0f8cd04
commit 2d008899b6
3 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/component/commentsList/view.jsx
View file

@ -302,7 +302,7 @@ function CommentList(props: Props) {
{readyToDisplayComments && topLevelComments && getCommentElems(topLevelComments)}
</ul>
{!hasDefaultExpansion && (
{!hasDefaultExpansion && topLevelComments && Boolean(topLevelComments.length) && (
<div className="card__bottom-actions--comments">
{(!expandedComments || moreBelow) && (
<Button

10
ui/component/fileReactions/view.jsx
View file

@ -76,7 +76,10 @@ function FileReactions(props: Props) {
title={__('I like this')}
requiresAuth={IS_WEB}
authSrc="filereaction_like"
className={classnames('button--file-action', { 'button--fire': myReaction === REACTION_TYPES.LIKE })}
className={classnames('button--file-action', {
'button--fire': SIMPLE_SITE && myReaction === REACTION_TYPES.LIKE,
'button--file-action-active': !SIMPLE_SITE && myReaction === REACTION_TYPES.LIKE,
})}
label={
<>
{myReaction === REACTION_TYPES.LIKE && SIMPLE_SITE && (
@ -101,7 +104,10 @@ function FileReactions(props: Props) {
requiresAuth={IS_WEB}
authSrc={'filereaction_dislike'}
title={__('I dislike this')}
className={classnames('button--file-action', { 'button--slime': myReaction === REACTION_TYPES.DISLIKE })}
className={classnames('button--file-action', {
'button--slime': SIMPLE_SITE && myReaction === REACTION_TYPES.DISLIKE,
'button--file-action-active': !SIMPLE_SITE && myReaction === REACTION_TYPES.DISLIKE,
})}
label={
<>
{myReaction === REACTION_TYPES.DISLIKE && SIMPLE_SITE && (

17
ui/scss/component/_button.scss
View file

@ -176,12 +176,12 @@
transition: background 0.2s;
}
.vjs-button--autoplay-next.vjs-button[aria-checked=true] {
.vjs-button--autoplay-next.vjs-button[aria-checked='true'] {
background: var(--color-primary);
}
.vjs-button--autoplay-next.vjs-button::after {
content: "";
content: '';
position: absolute;
top: 0;
left: 0;
@ -193,7 +193,7 @@
transition: transform 0.2s;
}
.vjs-button--autoplay-next.vjs-button[aria-checked=true]::after {
.vjs-button--autoplay-next.vjs-button[aria-checked='true']::after {
transform: translateX(12px);
}
@ -282,9 +282,7 @@
padding: 0 var(--spacing-xxs);
.icon {
&:not(.color-override) {
stroke: #777;
}
stroke: var(--color-text-subtitle);
}
.button__label {
@ -305,6 +303,13 @@
}
}
.button--file-action-active {
.icon {
fill: var(--color-primary-alt);
stroke: var(--color-primary);
}
}
.button--fire {
color: var(--color-fire);
position: relative;