cleanup(datepicker): move pane styles from calendar to datepicker-content (#4504)

This commit is contained in:
mmalerba
2017-05-22 14:46:03 -07:00
committed by tinayuangao
parent fce28681de
commit c53bbbaa11
2 changed files with 9 additions and 3 deletions
+1 -1
View File
@@ -11,7 +11,7 @@
$mat-datepicker-selected-fade-amount: 0.6;
$mat-datepicker-today-fade-amount: 0.2;
.mat-calendar {
.mat-datepicker-content {
background-color: mat-color($background, card);
}
+8 -2
View File
@@ -19,12 +19,19 @@ $md-datepicker-touch-max-width: 750px;
$md-datepicker-touch-max-height: 788px;
.mat-datepicker-content {
@include mat-elevation(8);
display: block;
}
.mat-calendar {
width: $md-datepicker-non-touch-calendar-width;
@include mat-elevation(8);
}
.mat-datepicker-content-touch {
@include mat-elevation(0);
display: block;
// make sure the dialog scrolls rather than being cropped on ludicrously small screens
max-height: 80vh;
@@ -41,6 +48,5 @@ $md-datepicker-touch-max-height: 788px;
min-height: $md-datepicker-touch-min-height;
max-width: $md-datepicker-touch-max-width;
max-height: $md-datepicker-touch-max-height;
@include mat-elevation(0);
}
}