diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-09-22 16:17:28 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-09-22 16:17:28 +0200 |
| commit | 5bbb92e4887e52889f90dd0453fec0fd41a5d8ed (patch) | |
| tree | 5873c4175fb6140f25a151fb238d49d4679bf49d /animism-align/frontend | |
| parent | f5dd9763ba1d1facb0565163bda3253ab5403d04 (diff) | |
gallery arrow colors on black bg
Diffstat (limited to 'animism-align/frontend')
3 files changed, 10 insertions, 3 deletions
diff --git a/animism-align/frontend/app/utils/vendor/vimeo/index.js b/animism-align/frontend/app/utils/vendor/vimeo/index.js index 42b40a6..68363e3 100644 --- a/animism-align/frontend/app/utils/vendor/vimeo/index.js +++ b/animism-align/frontend/app/utils/vendor/vimeo/index.js @@ -371,6 +371,7 @@ Vimeo.defaultProps = { showTitle: true, muted: false, background: false, + poster: null, responsive: false, }; 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 647b545..61dd4e8 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 @@ -46,7 +46,7 @@ export const InlineCarousel = ({ paragraph, media, onAnnotationClick }) => { return ( <div - className='inline-element media carousel' + className={'inline-element media carousel ' + color.label} > <div style={style} className='carousel-container'> <Carousel media={item} /> 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 039b2dd..050ade5 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 @@ -16,9 +16,9 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, onAnnotationCli const width = window.innerWidth const height = window.innerHeight - (17 * 16) const style = { - backgroundColor: color.backgroundColor, color: color.textColor, - height: height + 32 + height: height + 32, + backgroundColor: color.backgroundColor, } // console.log(annotation.settings) return ( @@ -33,6 +33,12 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, onAnnotationCli responsive={true} controls={false} byline={false} + style={{ + backgroundImage: 'url(' + item.settings.video.thumbnail_url + ')', + backgroundSize: '50%', + backgroundPosition: 'center center', + backgroundRepeat: 'no-repeat', + }} /> </div> <MediaCitation media={item} /> |