gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: make videos bigger + add styles (#38924)

Browse Source
This commit is contained in:
Tom
2020-05-28 02:25:25 -05:00
committed by GitHub
parent e040d64e4e
commit 7fd92c5fe6
2 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/templates/Challenges/video/Show.js
View File

@ -196,7 +196,11 @@ export class Project extends Component {
: 'hide-youtube-video' : 'hide-youtube-video'
} }
onReady={this.videoIsReady} onReady={this.videoIsReady}
opts={{ rel: 0 }} opts={{
rel: 0,
width: '960px',
height: '540px'
}}
videoId={videoId} videoId={videoId}
/> />
<i> <i>

19
client/src/templates/Challenges/video/show.css
View File

@ -3,10 +3,11 @@
flex-direction: column; flex-direction: column;
justify-content: space-evenly; justify-content: space-evenly;
align-items: center; align-items: center;
padding: 20px 0;
} }
.video-placeholder-loader { .video-placeholder-loader {
min-height: 360px; min-height: 540px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -20,16 +21,21 @@
} }
.video-quiz-options { .video-quiz-options {
padding: 1px 16px;
background-color: var(--tertiary-background); background-color: var(--tertiary-background);
} }
/* remove bootstrap margin here */
.video-quiz-options > label {
margin: 0;
}
.video-quiz-option-label { .video-quiz-option-label {
display: block; display: block;
margin: 20px; padding: 20px;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
font-weight: normal; font-weight: normal;
border: 2px solid var(--secondary-background);
} }
.video-quiz-input-hidden { .video-quiz-input-hidden {
@ -63,6 +69,13 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
/* remove bootstrap properties */
.video-quiz-option > p { .video-quiz-option > p {
margin: 0; margin: 0;
} }
/* remove bootstrap properties */
.video-quiz-option > pre {
padding: 0;
margin: 0;
}