fix: homepage not using native accelerated scrolling on touch devices (#827)

crisbeto · web-flow · commit e604f5bb07a3 · 2020-07-07T19:19:28.000+02:00
The home and guide pages are scrollable, but they felt janky because they didn't use the native accelerated scrolling.
diff --git a/material.angular.io/src/app/material-docs-app.scss b/material.angular.io/src/app/material-docs-app.scss
@@ -24,6 +24,7 @@ material-docs-app > app-homepage,
 material-docs-app > app-guides,
 material-docs-app > guide-viewer {
   overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
 }
 
 @media (max-width: 720px) {

Original file line number	Diff line number	Diff line change
`@@ -24,6 +24,7 @@ material-docs-app > app-homepage,`
`24`	`24`	`material-docs-app > app-guides,`
`25`	`25`	`material-docs-app > guide-viewer {`
`26`	`26`	`overflow-y: auto;`
	`27`	`+ -webkit-overflow-scrolling: touch;`
`27`	`28`	`}`
`28`	`29`
`29`	`30`	`@media (max-width: 720px) {`