scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 01:25:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

enable fullscreen, fix border radius and aspect ratio

Browse source
This commit is contained in:
Technoboy10 2016-06-30 09:43:24 -04:00
parent 1045e6219e
commit b0f0bce211
2 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/views/teachers/landing/landing.jsx
View file

@ -25,8 +25,10 @@ var Landing = injectIntl(React.createClass({
<p className="intro">
<FormattedMessage id="teacherlanding.intro" />
</p>
<iframe src="https://www.youtube.com/embed/uPSuG063jhA"
frameborder="0" allowfullscreen></iframe>
<div className="ted-talk">
<iframe src="https://www.youtube.com/embed/uPSuG063jhA?border=0&wmode=transparent"
frameBorder="0" allowFullScreen></iframe>
</div>
</FlexRow>
</div>
<div className="band">

17
src/views/teachers/landing/landing.scss
View file

@ -48,12 +48,23 @@ $story-width: $cols3;
color: $ui-white;
}
}
}
.ted-talk {
position: relative;
z-index: 10;
margin-bottom: $gutter;
border: 2px solid $ui-border;
border-radius: 10px;
width: $cols4;
height: $cols4 * .5625;
overflow: hidden;
iframe {
margin-bottom: $gutter;
border: 2px solid $ui-border;
border-radius: 10px;
z-index: 9;
border: 0;
width: $cols4;
height: $cols4 * .5625;
}
}