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

fix: style for video answers (#39090)

Browse Source 
Vertically centers the radio buttons.
Fixes answer backgrounds.
Corrects answer padding on night mode.
This commit is contained in:
Oliver Eyton-Williams
2020-06-18 10:17:13 +02:00
committed by GitHub
parent 9954c3d0bc
commit 80223e5e39
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/layouts/prism-night.css
View File

@@ -39,6 +39,13 @@
overflow: auto; overflow: auto;
} }
/* Without this, the above selector takes precedence and messes up the answer
padding in night mode */
.night .video-quiz-option > pre {
padding: 0;
margin: 0;
}
.night :not(pre) > code[class*='language-'], .night :not(pre) > code[class*='language-'],
.night pre[class*='language-'] { .night pre[class*='language-'] {
background: var(--primary-background); background: var(--primary-background);

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

@@ -24,9 +24,10 @@
background-color: var(--primary-background); background-color: var(--primary-background);
} }
/* remove bootstrap margin here */ /* remove bootstrap margin and center the radio buttons */
.video-quiz-options > label { .video-quiz-options > label {
margin: 0; margin: 0;
align-items: center;
} }
.video-quiz-option-label { .video-quiz-option-label {
@@ -89,4 +90,6 @@
.video-quiz-option > pre { .video-quiz-option > pre {
padding: 0; padding: 0;
margin: 0; margin: 0;
/* remove default prism background */
background: none;
} }