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

Fixes #7269 Fixes #7216 Closes #7270
angular · Feb 25, 2016 · ced1e83 · ced1e83
1 parent eaf0fe5
commit ced1e83
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
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" hide-print