lbry-desktop/ui
infinite-persistence 3243ce6e0a
Image Claims: minimum layout shift on desktop layout
## Issue
6068

## Change
Lock all images to fit a 16:9 container. We have implemented 'ZoomableImg', so no reason in trying to display in full size.

This reduces CLS from 0.4xx to 0.01x.

## Flaws
CLS could probably be zero if not for the spinner shifting things slightly. Also, mobile CLS is 0.07.

The troublesome part in this PR is that FileRenderInitiator, FileRender and their subcomponents are broken apart and it's hard to synchronize their visibility and size. There are time gaps where none of them are visible, etc.

This PR only tackles the major part (most bang for buck), which is the elimination of variable height of the rendered image.

## Aside
I think `claimIsMine` is unused, so don't waste time requesting it.
2021-07-19 14:26:00 +08:00
..
component Apply placeholder images 2021-07-19 12:07:26 +08:00
constants some recon (#6532) 2021-07-18 13:06:52 -04:00
effects useLazyLoading: start loading when near viewport 2021-07-12 17:06:30 -04:00
modal more lint 2021-07-17 13:19:33 -04:00
page Image Claims: minimum layout shift on desktop layout 2021-07-19 14:26:00 +08:00
redux Revert "Reactions: consider failures as "fetched"" 2021-07-18 10:55:11 +08:00
scss Image Claims: minimum layout shift on desktop layout 2021-07-19 14:26:00 +08:00
util discover channelIds from homepages 2021-07-16 18:31:48 -04:00
analytics.js Fix lint (removal of videoFetchDuration) 2021-06-10 10:14:52 -04:00
app.js refactor lbrytv web server 2019-11-11 13:27:29 -05:00
comments.js Reactions: switch from SDK to Commentron 2021-07-16 13:41:41 -04:00
i18n.js Revert "Simplify language lists" 2021-04-06 15:42:27 -04:00
index.jsx CodeSplit: Load 3rd-party css before ours. 2021-06-25 16:00:45 +08:00
logWarningConsoleMessage.js new lbc icon 2020-09-29 17:12:32 -04:00
native.js working 2020-12-16 10:52:22 -05:00
reducers.js wip 2021-06-08 13:25:52 -04:00
rewards.js When a new reward is acquired, only close modals if the reward comes from reward_code 2021-01-08 08:16:41 -07:00
store.js improve pending over refreshes 2021-07-05 10:22:13 -04:00