Fix overflow on mobile (#1543)

timothyis · Matthew Sweeney · commit 2d5bf6dd0fe0 · 2020-01-08T12:48:41.000Z
diff --git a/components/quickstarts/quickstarts.js b/components/quickstarts/quickstarts.js
@@ -49,6 +49,12 @@ export default function Quickstarts({ children }) {
         .more.expanded.finished {
           overflow: visible;
         }
+
+        @media screen and (max-width: 600px) {
+          .more.expanded {
+            max-height: ${more.length * 251}px;
+          }
+        }
       `}</style>
     </>
   )

Original file line number	Diff line number	Diff line change
`@@ -49,6 +49,12 @@ export default function Quickstarts({ children }) {`
`49`	`49`	`.more.expanded.finished {`
`50`	`50`	`overflow: visible;`
`51`	`51`	`}`
	`52`	`+`
	`53`	`+ @media screen and (max-width: 600px) {`
	`54`	`+ .more.expanded {`
	`55`	`+ max-height: ${more.length * 251}px;`
	`56`	`+ }`
	`57`	`+ }`
`52`	`58`	`}</style>
`53`	`59`	`</>`
`54`	`60`	`)`