fix(client): code blocks overflowing parents (#41438)

2021-03-22 21:53:57 -07:00
parent fd5e6eebfb
commit 0190c19411
3 changed files with 6 additions and 0 deletions
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@ -388,6 +388,7 @@ code {
  color: var(--tertiary-color);
  border-radius: 0px;
  font-family: 'Roboto Mono', monospace;
+  overflow-wrap: anywhere;
 }

 .panel {
--- a/client/src/components/layouts/prism.css
+++ b/client/src/components/layouts/prism.css
@ -7,6 +7,10 @@ pre[class*='language-'] {
  background: var(--primary-background);
 }

+pre[class*='language'] code[class*='language-'] {
+  white-space: nowrap;
+}
+
 * {
  text-shadow: none !important;
 }
--- a/client/src/templates/Challenges/video/show.css
+++ b/client/src/templates/Challenges/video/show.css
@ -37,6 +37,7 @@
 .video-quiz-options > label {
  margin: 0;
  align-items: center;
+  overflow-x: scroll;
 }

 .video-quiz-option-label {