Fix app background being cut off (#57)

crisbeto · jelbourn · commit fe66172b240e · 2016-12-22T12:13:59.000-08:00
* Fixes the app background being cut off below the fold.
* Removes the "Loading..." sign while loading.
diff --git a/src/_app-theme.scss b/src/_app-theme.scss
@@ -17,7 +17,7 @@
   $background: map-get($theme, background);
   $foreground: map-get($theme, foreground);
 
-  material-docs-app {
+  .docs-app-background {
     background: md-color($background, background);
   }
 
diff --git a/src/index.html b/src/index.html
@@ -18,8 +18,8 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>
 
-<body>
-  <material-docs-app>Loading...</material-docs-app>
+<body class="docs-app-background">
+  <material-docs-app></material-docs-app>
   <script>
     window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
     ga('create', 'UA-8594346-24', 'auto');

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@`
`17`	`17`	`$background: map-get($theme, background);`
`18`	`18`	`$foreground: map-get($theme, foreground);`
`19`	`19`
`20`		`- material-docs-app {`
	`20`	`+ .docs-app-background {`
`21`	`21`	`background: md-color($background, background);`
`22`	`22`	`}`
`23`	`23`