(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

View File

@@ -7,7 +7,7 @@
<div layout="column" class="layout-fill sg-reversible">
<md-card style="overflow: hidden">
<md-card-actions layout="row" layout-align="end center">
<md-card-actions flex="none" layout="row" layout-align="end center">
<md-button class="md-icon-button"
label:aria-label="Cancel"
ng-click="editor.cancel()">

View File

@@ -8,7 +8,7 @@
<div class="sg-reversible" ng-class="{ 'sg-flip': editor.showRawSource }">
<div layout="column" class="layout-fill sg-face">
<md-card>
<md-card-actions layout="row" layout-align="end center">
<md-card-actions flex="none" layout="row" layout-align="end center">
<md-button class="sg-icon-button hide show-xs"
label:aria-label="Close"
ng-click="editor.close()">
@@ -183,7 +183,7 @@
</div>
<div class="layout-fill sg-back" layout="column">
<md-card>
<md-card-actions layout="row" layout-align="end center">
<md-card-actions flex="none" layout="row" layout-align="end center">
<md-button class="md-icon-button"
label:aria-label="Close"
ng-click="editor.toggleRawSource()">

View File

@@ -10,7 +10,7 @@
<div class="sg-reversible" ng-class="{ 'sg-flip': viewer.showRawSource }">
<div layout="column" class="layout-fill sg-face">
<md-card>
<md-card-actions layout="row">
<md-card-actions flex="none" layout="row" layout-align="end center">
<md-button class="md-icon-button"
ng-if="isPopup"
label:aria-label="Close"
@@ -21,7 +21,7 @@
ng-hide="isPopup"
label:aria-label="Close"
ng-click="viewer.close()">
<md-icon>arrow_back</md-icon>
<md-icon>close</md-icon>
</md-button>
<div class="md-flex"><!-- spacer --></div>
<md-button class="sg-icon-button" label:aria-label="flagged" ng-click="viewer.message.toggleFlag()">
@@ -162,10 +162,10 @@
label:placeholder="Add a tag">
<md-item-template>
<div layout="row" layout-align="start center">
<div class="sg-color-chip"
ng-style="{'background-color': tag.color}"><!-- color --></div>
<div md-highlight-text="viewer.tags.searchText"
md-highlight-flags="^i">{{tag.description}}</div>
<div class="sg-color-chip"
ng-style="{'background-color': tag.color}"><!-- color --></div>
<div md-highlight-text="viewer.tags.searchText"
md-highlight-flags="^i">{{tag.description}}</div>
</div>
</md-item-template>
</md-autocomplete>
@@ -237,7 +237,8 @@
</div>
<div class="layout-fill sg-back" layout="column">
<md-card>
<md-card-actions layout="row" layout-align="end center">
<md-card-actions flex="none" layout="row" layout-align="end center">
<div class="md-flex"><!-- spacer --></div>
<md-button class="md-icon-button"
label:aria-label="Close"
ng-click="viewer.toggleRawSource()">

View File

@@ -40,7 +40,7 @@
<var:if condition="isMultiColumnView">
<!-- Calendars names in multicolumn day view -->
<div class="days">
<div class="days dayLabels">
<div class="day multicolumnDay"
ng-repeat="view in calendar.views"
ng-class="view.calendar.getClassName('bdr')">

View File

@@ -8,7 +8,7 @@
xmlns:label="OGo:label">
<md-card>
<md-card-actions layout="row" layout-align="start center">
<md-card-actions flex="none" layout="row" layout-align="start center">
<md-button class="md-icon-button"
label:aria-label="Previous Day"
var:date="prevDayQueryParameters.day"

View File

@@ -8,7 +8,7 @@
xmlns:label="OGo:label">
<md-card>
<md-card-actions layout="row" layout-align="start center">
<md-card-actions flex="none" layout="row" layout-align="start center">
<md-button class="md-icon-button"
label:aria-label="Previous Month"
var:date="prevMonthQueryParameters.day"

View File

@@ -8,7 +8,7 @@
xmlns:label="OGo:label">
<md-card>
<md-card-actions layout="row" layout-align="start center">
<md-card-actions flex="none" layout="row" layout-align="start center">
<md-button class="md-icon-button"
label:aria-label="Previous Day"
var:date="prevDayQueryParameters.day"

View File

@@ -8,7 +8,7 @@
xmlns:label="OGo:label">
<md-card>
<md-card-actions layout="row" layout-align="start center">
<md-card-actions flex="none" layout="row" layout-align="start center">
<md-button class="md-icon-button"
label:aria-label="Previous Week"
var:date="prevWeekQueryParameters.day"

View File

@@ -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] {