(css) Fix for flexbox with Chrome 48

Fixes #3487
See https://github.com/angular/material/issues/6841
This commit is contained in:
Francis Lachapelle
2016-02-02 12:07:44 -05:00
parent 6bfc44fb53
commit 4fb71ffdd0
9 changed files with 22 additions and 19 deletions
@@ -61,6 +61,7 @@ $quarter_height: 10px;
// The days labels appear in the toolbar
md-toolbar {
min-height: 0;
&.daysView, &.monthView {
background-color: #fff;
z-index: $z-index-toolbar - 1;
@@ -70,6 +71,7 @@ $quarter_height: 10px;
overflow-y: scroll;
}
&.dayLabels {
min-height: 0;
.day {
padding-left: 1%;
div {
@@ -79,10 +81,6 @@ $quarter_height: 10px;
}
}
}
&.daysView {
// Toolbar of day/week views
min-height: inherit;
}
&[sg-view$=dayview] {
// Toolbar of day view only
.dayLabels {
@@ -104,6 +102,7 @@ $quarter_height: 10px;
.allDaysView {
border-bottom: 1px solid sg-color($sogoPaper, 300);
max-height: $sg-font-size-4 * 6;
min-height: 0;
overflow: hidden;
overflow-y: scroll;
@@ -154,6 +153,9 @@ $quarter_height: 10px;
right: 0;
top: 0;
bottom: 0;
md-card-actions {
min-height: 0;
}
}
md-content[sg-calendar-scroll-view] {