diff --git a/src/ui/component/claimPreview/view.jsx b/src/ui/component/claimPreview/view.jsx index 43fee4239..41dda6e82 100644 --- a/src/ui/component/claimPreview/view.jsx +++ b/src/ui/component/claimPreview/view.jsx @@ -76,6 +76,7 @@ function ClaimPreview(props: Props) { } const isChannel = isValid ? parseURI(uri).isChannel : false; + const signingChannel = claim && claim.signing_channel; let shouldHide = placeholder !== 'loading' && ((abandoned && !showPublishLink) || (!claimIsMine && obscureNsfw && nsfw)); diff --git a/src/ui/component/previewLink/view.jsx b/src/ui/component/previewLink/view.jsx index 58799884d..b03f37d41 100644 --- a/src/ui/component/previewLink/view.jsx +++ b/src/ui/component/previewLink/view.jsx @@ -30,18 +30,18 @@ class PreviewLink extends React.PureComponent { return ( - + - - - + + + - + - + diff --git a/src/ui/scss/component/_markdown-preview.scss b/src/ui/scss/component/_markdown-preview.scss index b11338c50..3922c91c6 100644 --- a/src/ui/scss/component/_markdown-preview.scss +++ b/src/ui/scss/component/_markdown-preview.scss @@ -98,8 +98,17 @@ border-left: 0.5rem solid $lbry-teal-5; display: block; align-items: center; - width: 40rem; word-break: break-all; + overflow: hidden; + + .claim-preview { + border: 0; + background: transparent; + } + + .media__subtitle { + display: block; + } } .preview-link__thumbnail { @@ -107,6 +116,6 @@ } .preview-link__description { - display: block; + margin-top: var(--spacing-small); } } diff --git a/static/locales/en.json b/static/locales/en.json index 718d6d979..9f079563c 100644 --- a/static/locales/en.json +++ b/static/locales/en.json @@ -639,4 +639,4 @@ "File Size": "File Size", "You deposited 1 LBC as a support!": "You deposited 1 LBC as a support!", "Refreshed!": "Refreshed!" -} \ No newline at end of file +}