fix(@schematics/angular): scroll issue on new app after adding Material

Starter app is janky after adding Angular Material ::ng-deep is deprecated but that's only solution we can use for now from template. It should be removed when ::ng-deep will be removed from angular. Fixes angular#16966
sacgrover · Feb 17, 2020 · e245de6 · e245de6
1 parent 54b79ad
commit e245de6
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/schematics/angular/application/other-files/app.component.html.template b/packages/schematics/angular/application/other-files/app.component.html.template
@@ -16,6 +16,10 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
+
+  ::ng-deep body {
+    margin: 8px;
+  }
 
   h1,
   h2,
@@ -528,4 +532,4 @@
 
 
 <% if (routing) { %>
-<router-outlet></router-outlet><% } %>
+<router-outlet></router-outlet><% } %>