fix(docs): docs stylesheet should not prevent scrolling in code pens

devversion · ThomasBurleson · commit f2858c61a8a0 · 2016-02-25T11:05:27.000-06:00
Fixes #7269 Fixes #7216 Closes #7270
diff --git a/docs/app/css/style.css b/docs/app/css/style.css
@@ -7,7 +7,8 @@ body {
   font-size: 1.6rem;
 }
 
-body {
+/* This styling should be not applied to codepen demos, so we need to add a unique identifier. */
+body.docs-body {
   overflow: hidden;
   max-width: 100%;
   max-height: 100%;
diff --git a/docs/config/template/index.template.html b/docs/config/template/index.template.html
@@ -12,7 +12,7 @@
 <link rel="stylesheet" href="angular-material.min.css">
 <link rel="stylesheet" href="docs.css">
 </head>
-<body layout="row" ng-cloak>
+<body class="docs-body" layout="row" ng-cloak>
 
   <md-sidenav class="site-sidenav md-sidenav-left md-whiteframe-z2"
               md-component-id="left"

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,8 @@ body {`
`7`	`7`	`font-size: 1.6rem;`
`8`	`8`	`}`
`9`	`9`
`10`		`-body {`
	`10`	`+/* This styling should be not applied to codepen demos, so we need to add a unique identifier. */`
	`11`	`+body.docs-body {`
`11`	`12`	`overflow: hidden;`
`12`	`13`	`max-width: 100%;`
`13`	`14`	`max-height: 100%;`