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

Embed: resize "ended message" based on container height

Browse source
This commit is contained in:
infinite-persistence 2021-09-21 16:23:37 +08:00 committed by zeppi
parent 9ec5a7c298
commit b42e882a02
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -196,7 +196,11 @@
} }
.file-viewer_embed-ended-title { .file-viewer_embed-ended-title {
white-space: pre-wrap; max-width: 100%;
p {
font-size: 6vh;
white-space: pre-wrap;
}
} }
.content__viewer--floating { .content__viewer--floating {

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

@ -46,7 +46,9 @@ function FileViewerEmbeddedEnded(props: Props) {
</div> </div>
{!preferEmbed && ( {!preferEmbed && (
<> <>
<div className="file-viewer__overlay-title file-viewer_embed-ended-title">{prompt}</div> <div className="file-viewer__overlay-title file-viewer_embed-ended-title">
<p>{prompt}</p>
</div>
<div className="file-viewer__overlay-actions"> <div className="file-viewer__overlay-actions">
<> <>
{showReplay && ( {showReplay && (