Take Quiz: Large images now cause a scrollbar to be placed on the quiz container, instead of the question container

lukas-shawford · lukas-shawford · commit 35f4586e8d89 · 2014-03-29T22:37:13.000-04:00
The quiz body container is wider and has visible borders, whereas the question container is narrow (so images are much more likely to get chopped off) and doesn't have visible borders (so the scrollbar looks a bit weird).
diff --git a/client/styles/takeQuiz.less b/client/styles/takeQuiz.less
@@ -40,6 +40,7 @@
         border: 1px solid #ddd;
         border-radius: 4px;
         padding: 0 1em;
+        overflow: auto;
     }
 
     .header {
diff --git a/client/styles/viewQuestion.less b/client/styles/viewQuestion.less
@@ -4,7 +4,6 @@
         margin-bottom: 2em;
         max-width: @max-question-width;
         line-height: 1.6;
-        overflow: auto;
     }
 
     .submission {

Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,7 @@`
`40`	`40`	`border: 1px solid #ddd;`
`41`	`41`	`border-radius: 4px;`
`42`	`42`	`padding: 0 1em;`
	`43`	`+ overflow: auto;`
`43`	`44`	`}`
`44`	`45`
`45`	`46`	`.header {`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,6 @@`
`4`	`4`	`margin-bottom: 2em;`
`5`	`5`	`max-width: @max-question-width;`
`6`	`6`	`line-height: 1.6;`
`7`		`- overflow: auto;`
`8`	`7`	`}`
`9`	`8`
`10`	`9`	`.submission {`