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

Improve embed end screen

Browse source
This commit is contained in:
Rafael 2022-03-31 17:36:48 -03:00 committed by Thomas Zarebczan
parent f5034f74ca
commit 075e285bd2
2 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ui/scss/component/_file-render.scss
View file

@ -870,10 +870,18 @@ $control-bar-icon-size: 0.8rem;
}
}
.file-viewer--ended-embed .vjs-big-play-button {
.file-viewer--ended-embed {
.vjs-big-play-button {
display: none !important; // yes this is dumb, but this was broken and the above CSS was overriding
}
.file-viewer__overlay-actions {
display: grid;
grid-template-columns: repeat(3, auto);
grid-gap: 1rem;
}
}
.video-thumbnail-generator {
width: 100%;
max-height: 30vh;

14
web/component/fileViewerEmbeddedEnded/view.jsx
View file

@ -7,6 +7,13 @@ import { withRouter } from 'react-router';
import { URL, SITE_NAME } from 'config';
import Logo from 'component/logo';
const DEFAULT_PROMPTS = {
bigtech: 'Together, we can take back control from big tech',
discuss: `Continue the discussion on ${SITE_NAME}`,
find: `Find more great content on ${SITE_NAME}`,
test: "We test a lot of messages here. Wouldn't it be funny if the one telling you that did the best?",
};
type Props = {
uri: string,
isAuthenticated: boolean,
@ -18,14 +25,11 @@ function FileViewerEmbeddedEnded(props: Props) {
const prompts = isAuthenticated
? {
discuss_auth: `Continue the discussion on ${SITE_NAME}`,
...DEFAULT_PROMPTS,
tip_auth: 'Always tip your creators',
}
: {
bigtech_unauth: 'Together, we can take back control from big tech',
discuss_unauth: `Continue the discussion on ${SITE_NAME}`,
find_unauth: `Find more great content on ${SITE_NAME}`,
a_b_unauth: "We test a lot of messages here. Wouldn't it be funny if the one telling you that did the best?",
...DEFAULT_PROMPTS,
earn_unauth: `Join ${SITE_NAME} and earn to watch.`,
blockchain_unauth: "Now if anyone asks, you can say you've used a blockchain.",
};