diff options
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player')
3 files changed, 14 insertions, 3 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js index f113abf..a8be0de 100644 --- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js +++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js @@ -47,9 +47,10 @@ export const InlineCarousel = ({ paragraph, media, currentSection, onAnnotationC <div className={'inline-element media carousel ' + color.label} > - <div style={style} className='carousel-container'> + <div className='carousel-container'> <Carousel media={mediaItem} + style={style} cues={currentSection.mediaCues[mediaItem.id]} /> </div> 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 1c3f7ef..94dabc0 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 @@ -36,6 +36,10 @@ .carousel-positioning { position: relative; } +.black .carousel-positioning { + background: #000; + padding: 1rem 0; +} .carousel-component .nav-arrow { position: absolute; top: 0; @@ -107,13 +111,13 @@ .dots .dot-item.active { opacity: 1.0; } -.carousel.black .dots .dot-circle { +/*.carousel.black .dots .dot-circle { background: #fff; } .carousel.black svg polygon { fill: #fff; } - +*/ /* carousel */ .inline-element:nth-child(2) .carousel-container { 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 0c28b78..766395f 100644 --- a/animism-align/frontend/app/views/viewer/player/player.transcript.css +++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css @@ -286,6 +286,12 @@ .player-transcript .media.image .speaker-icon { bottom: 0; right: 0; +} +.player-transcript .media.image .speaker-icon:hover, +.player-transcript .media.video .speaker-icon:hover, +.player-transcript .media.image .image-container:hover .speaker-icon, +.player-transcript .media.video .videoPoster:hover .speaker-icon, +.player-transcript .media.video .videoContainer:hover .speaker-icon { opacity: 1; } .player-transcript .media.image .speaker-icon:hover svg { |