mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-04-18 11:38:53 +00:00
(css) Fix for flexbox with Chrome 48
Fixes #3487 See https://github.com/angular/material/issues/6841
This commit is contained in:
@@ -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()">
|
||||
|
||||
@@ -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()">
|
||||
|
||||
@@ -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()">
|
||||
|
||||
@@ -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')">
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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] {
|
||||
|
||||
Reference in New Issue
Block a user