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

styling

Browse source
This commit is contained in:
zeppi 2021-08-03 11:03:08 -04:00 committed by jessopb
parent f01fb7dd22
commit 2d66b8666d
1 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -283,10 +283,13 @@ function CommentList(props: Props) {
<Empty padded text={__('That was pretty deep. What do you think?')} />
)}
<ul className={classnames({
'comments': expandedComments,
<ul
className={classnames({
comments: expandedComments,
'comments--contracted': !expandedComments,
})} ref={commentRef}>
})}
ref={commentRef}
>
{topLevelComments &&
displayedComments &&
displayedComments.map((comment) => {
@ -318,9 +321,9 @@ function CommentList(props: Props) {
<div className="card__bottom-actions--comments">
{moreBelow && (
<Button
button="alt"
button="link"
title={!expandedComments ? __('Expand Comments') : __('Load More')}
label={!expandedComments ? __('Expand Comments') : __('Load More')}
label={!expandedComments ? __('Expand') : __('More')}
onClick={() => {
if (!expandedComments) {
setExpandedComments(true);
@ -332,9 +335,9 @@ function CommentList(props: Props) {
)}
{expandedComments && (
<Button
button="alt"
button="link"
title={__('Collapse Thread')}
label={__('Collapse Thread')}
label={__('Collapse')}
onClick={() => {
setExpandedComments(false);
}}