summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/viewer
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2020-10-28 18:05:04 +0100
committerJules Laplace <julescarbon@gmail.com>2020-10-28 18:05:04 +0100
commit417ffc21deeb4be5e2644846f2818ec63b4cbaa6 (patch)
treee5fc177727555574c31864817ca14c29a1b35b7d /animism-align/frontend/app/views/viewer
parent0edf712c4b60ed1022e690004819c2c8de9201be (diff)
poster image size
Diffstat (limited to 'animism-align/frontend/app/views/viewer')
-rw-r--r--animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js3
-rw-r--r--animism-align/frontend/app/views/viewer/player/components.media/media.css1
-rw-r--r--animism-align/frontend/app/views/viewer/player/player.transcript.css4
3 files changed, 7 insertions, 1 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
index a5b3757..86fc0df 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
@@ -25,6 +25,9 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, onAnnotationCli
// if this is a fullscreen video, display the poster image
if (annotation.settings.fullscreen && !annotation.settings.inline) {
style.backgroundImage = 'url(' + posterURL(item) + ')'
+ if (annotation.settings.poster_size) {
+ style.backgroundSize = annotation.settings.poster_size
+ }
return (
<div className={className}>
<div className='videoPoster' style={style}>
diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.css b/animism-align/frontend/app/views/viewer/player/components.media/media.css
index c43c207..45a2670 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/media.css
+++ b/animism-align/frontend/app/views/viewer/player/components.media/media.css
@@ -314,6 +314,7 @@
opacity: 0.0;
transition: opacity 0.2s;
font-size: 1rem;
+ z-index: 1;
}
.video-scrubber.show {
opacity: 1.0;
diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css
index c0eb1ea..77e782c 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -244,7 +244,9 @@
/* footnotes */
-.player-transcript .paragraph.intro_paragraph .footnote {
+.player-transcript .paragraph.intro_paragraph .footnote,
+.player-transcript .paragraph.blockquote .footnote,
+.player-transcript .paragraph.pullquote .footnote {
font-size: 2.0rem;
position: relative;
top: -1.4rem;