skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(toolbar): incorrect height for soft-keyboards (#3312)

Browse Source 
Fixes #3233
This commit is contained in:
Paul Gschwendtner
2017-02-27 23:06:02 +01:00
committed by Kara
parent cbd1ff9e89
commit d1abc9ea06
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/toolbar/toolbar.scss
+5 -7
View File
@@ -51,12 +51,10 @@ $mat-toolbar-padding: 16px !default;
// Set the default height for the toolbar.
@include mat-toolbar-height($mat-toolbar-height-desktop);
// Specific height for mobile devices in portrait mode.
@media ($mat-xsmall) and (orientation: portrait) {
// As per specs, mobile devices will use a different height for toolbars than for desktop.
// The height for mobile landscape devices has been ignored since relying on `@media orientation`
// is causing issues on devices with a soft-keyboard.
// See: https://material.io/guidelines/layout/structure.html#structure-app-bar
@media ($mat-xsmall) {
@include mat-toolbar-height($mat-toolbar-height-mobile-portrait);
}
// Specific height for mobile devices in landscape mode.
@media ($mat-small) and (orientation: landscape) {
@include mat-toolbar-height($mat-toolbar-height-mobile-landscape);
}