diff --git a/static/app-strings.json b/static/app-strings.json index bc32bcc5d..cca4b0ca2 100644 --- a/static/app-strings.json +++ b/static/app-strings.json @@ -1119,5 +1119,5 @@ "You don't have blocked channels.": "You don't have blocked channels.", "You have one blocked channel.": "You have one blocked channel.", "You have %channels% blocked channels.": "You have %channels% blocked channels.", - "Drop here to publish!": "Drop here to publish!" + "Your Wallet": "Your Wallet" } \ No newline at end of file diff --git a/ui/component/claimPreviewTile/view.jsx b/ui/component/claimPreviewTile/view.jsx index 0c2df5157..816c2ff2e 100644 --- a/ui/component/claimPreviewTile/view.jsx +++ b/ui/component/claimPreviewTile/view.jsx @@ -163,7 +163,7 @@ function ClaimPreviewTile(props: Props) { })} > - + {!isChannel && ( {/* @if TARGET='app' */} diff --git a/ui/component/fileThumbnail/view.jsx b/ui/component/fileThumbnail/view.jsx index e15dea242..fc9142051 100644 --- a/ui/component/fileThumbnail/view.jsx +++ b/ui/component/fileThumbnail/view.jsx @@ -7,15 +7,16 @@ import Placeholder from './placeholder.png'; type Props = { thumbnail: ?string, // externally sourced image children?: Node, + allowGifs: boolean, }; const className = 'media__thumb'; class FileThumbnail extends React.PureComponent { render() { - const { thumbnail, children } = this.props; + const { thumbnail, children, allowGifs = false } = this.props; - if (thumbnail && thumbnail.endsWith('gif')) { + if (!allowGifs && thumbnail && thumbnail.endsWith('gif')) { return ; } diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss index 91aea830d..d2628866a 100644 --- a/ui/scss/component/_claim-list.scss +++ b/ui/scss/component/_claim-list.scss @@ -126,6 +126,7 @@ .media__thumb { width: 14rem; + @include handleClaimListGifThumbnail(14rem); @media (max-width: $breakpoint-small) { width: 5rem; @@ -306,10 +307,7 @@ } .claim-preview--tile { - $width: calc( - (min(var(--page-max-width), 100vw) - var(--side-nav-width) - (var(--spacing-large) * 4) - var(--spacing-medium) * 3) / - 4 - ); + $width: calc((100% - var(--spacing-medium) * 3) / 4); width: $width; @include handleClaimTileGifThumbnail($width);