fix(toolbar): margin for fixed toolbar

patrickrodee · web-flow · commit 28b97a5d4e55 · 2017-12-04T14:04:07.000-08:00
Updated the media query for mdc-tollbar-fixed-adjust to be more
specific, targetting only screens that fall within the mobile
breakpoints of &lt;959px and &gt;599px instead of all landscape
screens narrower than 959px
diff --git a/packages/mdc-toolbar/mdc-toolbar.scss b/packages/mdc-toolbar/mdc-toolbar.scss
@@ -226,7 +226,7 @@
   margin-top: $mdc-toolbar-row-height;
 
   @media (max-width: $mdc-toolbar-mobile-landscape-width-breakpoint)
-    and (orientation: landscape) {
+    and (max-height: $mdc-toolbar-mobile-breakpoint) {
     margin-top: $mdc-toolbar-mobile-landscape-row-height;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -226,7 +226,7 @@`
`226`	`226`	`margin-top: $mdc-toolbar-row-height;`
`227`	`227`
`228`	`228`	`@media (max-width: $mdc-toolbar-mobile-landscape-width-breakpoint)`
`229`		`- and (orientation: landscape) {`
	`229`	`+ and (max-height: $mdc-toolbar-mobile-breakpoint) {`
`230`	`230`	`margin-top: $mdc-toolbar-mobile-landscape-row-height;`
`231`	`231`	`}`
`232`	`232`