fix: eliminate overflow issue on build.washingtonpost.com code exampl…

…es [SRED-173] (#368) fix: eliminate overflow issue on build.washingtonpost.com code examples [SRED-173]
washingtonpost · Apr 4, 2023 · 8406ade · 8406ade · vercel · Apr 4, 2023
1 parent 1b55621
commit 8406ade
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/build.washingtonpost.com/components/Markdown/Components/Code.js b/build.washingtonpost.com/components/Markdown/Components/Code.js
@@ -18,6 +18,7 @@ const Code = (props) => {
           width: "100%",
           display: "grid",
           backgroundColor: theme.colors.gray500,
+          overflow: "scroll"
         }}
       >
         <Sandbox

diff --git a/build.washingtonpost.com/components/Markdown/Components/Pre.js b/build.washingtonpost.com/components/Markdown/Components/Pre.js
@@ -12,6 +12,9 @@ const Pre = ({ children, withPreview, isGuide = "none", hideNavBar }) => {
         marginBottom: "$050",
         marginTop: "$050",
         display: "block",
+        "@sm": {
+          width: "100vw",
+        },
       }}
     >
       {React.cloneElement(children, {