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

fix subscribe button label not showing on mobile

Browse source
This commit is contained in:
Sean Yesmunt 2020-06-29 13:25:29 -04:00
parent 192bf12a0e
commit 74a18b724e
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/component/claimPreview/view.jsx
View file

@ -284,11 +284,11 @@ const ClaimPreview = forwardRef<any, {}>((props: Props, ref: any) => {
{type !== 'small' && ( {type !== 'small' && (
<div className="claim-preview__actions"> <div className="claim-preview__actions">
{!pending && ( {!pending && (
<React.Fragment> <>
{hideActions ? null : actions !== undefined ? ( {hideActions ? null : actions !== undefined ? (
actions actions
) : ( ) : (
<div className="card__actions--inline"> <div className="claim-preview__primary-actions">
{isChannel && !channelIsBlocked && !claimIsMine && ( {isChannel && !channelIsBlocked && !claimIsMine && (
<SubscribeButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} /> <SubscribeButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} />
)} )}
@ -298,7 +298,7 @@ const ClaimPreview = forwardRef<any, {}>((props: Props, ref: any) => {
{includeSupportAction && <ClaimSupportButton uri={uri} />} {includeSupportAction && <ClaimSupportButton uri={uri} />}
</div> </div>
)} )}
</React.Fragment> </>
)} )}
{claim && ( {claim && (
<React.Fragment> <React.Fragment>

5
ui/scss/component/_claim-list.scss
View file

@ -227,6 +227,11 @@
width: 100%; width: 100%;
} }
.claim-preview__primary-actions {
@extend .section__actions;
margin-top: 0;
}
.claim-preview__actions--header { .claim-preview__actions--header {
@extend .claim-preview__actions; @extend .claim-preview__actions;
flex-wrap: wrap; flex-wrap: wrap;