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

Fix: Code blocks overflowing parents

Browse Source 
Fix: Allow quiz response code block to overflow-y to a scroll
This commit is contained in:
Patrick Franz
2021-03-10 10:36:29 -08:00
parent 35a8f55515
commit 2f0b9ec4a5
3 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/components/layouts/global.css
View File

@ -388,6 +388,7 @@ code {
color: var(--tertiary-color); color: var(--tertiary-color);
border-radius: 0px; border-radius: 0px;
font-family: 'Roboto Mono', monospace; font-family: 'Roboto Mono', monospace;
overflow-wrap: anywhere;
} }
.panel { .panel {

4
client/src/components/layouts/prism.css
View File

@ -7,6 +7,10 @@ pre[class*='language-'] {
background: var(--primary-background); background: var(--primary-background);
} }
pre[class*='language'] code[class*='language-'] {
white-space: nowrap;
}
* { * {
text-shadow: none !important; text-shadow: none !important;
} }

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

@ -37,6 +37,7 @@
.video-quiz-options > label { .video-quiz-options > label {
margin: 0; margin: 0;
align-items: center; align-items: center;
overflow-x: scroll;
} }
.video-quiz-option-label { .video-quiz-option-label {