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

re-enable gifs on homepage because i can't figure out how to get it to work

Browse source
This commit is contained in:
Sean Yesmunt 2020-05-29 13:26:06 -04:00
parent 50bb03d140
commit 91aaceda99
4 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/app-strings.json
View file

@ -1119,5 +1119,5 @@
"You don't have blocked channels.": "You don't have blocked channels.", "You don't have blocked channels.": "You don't have blocked channels.",
"You have one blocked channel.": "You have one blocked channel.", "You have one blocked channel.": "You have one blocked channel.",
"You have %channels% blocked channels.": "You have %channels% blocked channels.", "You have %channels% blocked channels.": "You have %channels% blocked channels.",
"Drop here to publish!": "Drop here to publish!" "Your Wallet": "Your Wallet"
} }

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

@ -163,7 +163,7 @@ function ClaimPreviewTile(props: Props) {
})} })}
> >
<NavLink {...navLinkProps}> <NavLink {...navLinkProps}>
<FileThumbnail thumbnail={thumbnailUrl}> <FileThumbnail thumbnail={thumbnailUrl} allowGifs>
{!isChannel && ( {!isChannel && (
<React.Fragment> <React.Fragment>
{/* @if TARGET='app' */} {/* @if TARGET='app' */}

5
ui/component/fileThumbnail/view.jsx
View file

@ -7,15 +7,16 @@ import Placeholder from './placeholder.png';
type Props = { type Props = {
thumbnail: ?string, // externally sourced image thumbnail: ?string, // externally sourced image
children?: Node, children?: Node,
allowGifs: boolean,
}; };
const className = 'media__thumb'; const className = 'media__thumb';
class FileThumbnail extends React.PureComponent<Props> { class FileThumbnail extends React.PureComponent<Props> {
render() { 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 <FreezeframeWrapper src={thumbnail} className={className} />; return <FreezeframeWrapper src={thumbnail} className={className} />;
} }

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

@ -126,6 +126,7 @@
.media__thumb { .media__thumb {
width: 14rem; width: 14rem;
@include handleClaimListGifThumbnail(14rem);
@media (max-width: $breakpoint-small) { @media (max-width: $breakpoint-small) {
width: 5rem; width: 5rem;
@ -306,10 +307,7 @@
} }
.claim-preview--tile { .claim-preview--tile {
$width: calc( $width: calc((100% - var(--spacing-medium) * 3) / 4);
(min(var(--page-max-width), 100vw) - var(--side-nav-width) - (var(--spacing-large) * 4) - var(--spacing-medium) * 3) /
4
);
width: $width; width: $width;
@include handleClaimTileGifThumbnail($width); @include handleClaimTileGifThumbnail($width);