fix(VRT): Set max-width of mobile iframe (#4587)

fredboyle · web-flow · commit eabde302d4e8 · 2021-02-24T16:39:38.000-08:00
* fix(VRT): Set max-width of mobile iframe
diff --git a/shared/styles/doc.scss b/shared/styles/doc.scss
@@ -21,6 +21,7 @@ $light-gray-border-color: #f2f2f2;
 .docs-mobile_frame {
   border: solid 2px $light-gray-border-color;
   width: 100%;
+  max-width: 100%; /* prevents the iframe from expanding beyond its container */
   background-color: #d2d2cf1f;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@ $light-gray-border-color: #f2f2f2;`
`21`	`21`	`.docs-mobile_frame {`
`22`	`22`	`border: solid 2px $light-gray-border-color;`
`23`	`23`	`width: 100%;`
	`24`	`+ max-width: 100%; /* prevents the iframe from expanding beyond its container */`
`24`	`25`	`background-color: #d2d2cf1f;`
`25`	`26`	`}`
`26`	`27`