Skip to content

GitLab

S
scratch-www
Commit 17b65831 authored by seotts's avatar seotts Committed by Karishma Chadha
Browse files
Options

fix video sizing

parent cc67b79f
Show whitespace changes
Inline Side-by-side
Showing with 25 additions and 11 deletions
src/views/annual-report/annual-report.jsx
View file @ 17b65831
...@@ -1090,6 +1090,7 @@ class AnnualReport extends React.Component { ...@@ -1090,6 +1090,7 @@ class AnnualReport extends React.Component {
</div> </div>
<div className="video-container"> <div className="video-container">
<div className="video-background blm"> <div className="video-background blm">
<MediaQuery minWidth={frameless.tabletPortrait}>
<VideoPreview <VideoPreview
buttonMessage={ buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.watchVideo'}) this.props.intl.formatMessage({id: 'annualReport.watchVideo'})
...@@ -1100,6 +1101,19 @@ class AnnualReport extends React.Component { ...@@ -1100,6 +1101,19 @@ class AnnualReport extends React.Component {
videoId="joal01i8b1" videoId="joal01i8b1"
videoWidth="568" videoWidth="568"
/> />
</MediaQuery>
<MediaQuery maxWidth={frameless.tabletPortrait - 1}>
<VideoPreview
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.watchVideo'})
}
thumbnail="/images/annual-report/initiatives/BLM Video Thumbnail.png"
thumbnailWidth="400"
videoHeight="216"
videoId="joal01i8b1"
videoWidth="380"
/>
</MediaQuery>
</div> </div>
</div> </div>
</div> </div>
...@@ -1342,7 +1356,7 @@ class AnnualReport extends React.Component { ...@@ -1342,7 +1356,7 @@ class AnnualReport extends React.Component {
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>Smilegate Foundation</li> <li>Smilegate Foundation</li>
<li>TAL Education</li> <li>TAL Education</li>
<li>Warner Media</li> <li>WarnerMedia</li>
</ul> </ul>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment