scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 00:21:20 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

fix video sizing

Browse source
This commit is contained in:
seotts 2020-10-14 09:22:18 -04:00 committed by Karishma Chadha
parent cc67b79f00
commit 17b658316b
1 changed files with 25 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/views/annual-report/annual-report.jsx
View file

@ -1090,16 +1090,30 @@ 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">
<VideoPreview <MediaQuery minWidth={frameless.tabletPortrait}>
buttonMessage={ <VideoPreview
this.props.intl.formatMessage({id: 'annualReport.watchVideo'}) buttonMessage={
} this.props.intl.formatMessage({id: 'annualReport.watchVideo'})
thumbnail="/images/annual-report/initiatives/BLM Video Thumbnail.png" }
thumbnailWidth="580" thumbnail="/images/annual-report/initiatives/BLM Video Thumbnail.png"
videoHeight="320" thumbnailWidth="580"
videoId="joal01i8b1" videoHeight="320"
videoWidth="568" videoId="joal01i8b1"
/> 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 {
<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>