FIX: uses flex: 1 0 0; instead of flex: 1; for better browser compat (#6826)

This commit is contained in:
Joffrey JAFFEUX 2018-12-28 20:21:32 +01:00 committed by GitHub
parent 7b15b87cf5
commit 608abd4c08
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
20 changed files with 31 additions and 31 deletions

View File

@ -470,7 +470,7 @@ $mobile-breakpoint: 700px;
nav { nav {
display: inline-flex; display: inline-flex;
position: relative; position: relative;
flex: 1; flex: 1 0 0;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;
@ -892,7 +892,7 @@ table#user-badges {
.value-input { .value-input {
box-sizing: border-box; box-sizing: border-box;
flex: 1; flex: 1 0 0;
border-color: $primary-low; border-color: $primary-low;
cursor: pointer; cursor: pointer;
margin: 0; margin: 0;
@ -919,7 +919,7 @@ table#user-badges {
margin-left: -0.25em; margin-left: -0.25em;
margin-top: -0.125em; margin-top: -0.125em;
.new-value-input { .new-value-input {
flex: 1; flex: 1 0 0;
} }
.value-input, .value-input,
.new-value-input { .new-value-input {

View File

@ -81,7 +81,7 @@
} }
.main { .main {
flex: 1; flex: 1 0 0;
} }
.main .report-alert { .main .report-alert {
@ -132,7 +132,7 @@
.mode { .mode {
display: inline-flex; display: inline-flex;
flex: 1; flex: 1 0 0;
.mode-btn.is-current { .mode-btn.is-current {
color: $tertiary; color: $tertiary;

View File

@ -1,7 +1,7 @@
.admin-report { .admin-report {
.admin-report-counters { .admin-report-counters {
display: grid; display: grid;
flex: 1; flex: 1 0 0;
grid-template-columns: 33% repeat(auto-fit, minmax(20px, 1fr)); grid-template-columns: 33% repeat(auto-fit, minmax(20px, 1fr));
grid-template-rows: repeat(auto-fit, minmax(32px, 1fr)); grid-template-rows: repeat(auto-fit, minmax(32px, 1fr));
align-items: center; align-items: center;

View File

@ -27,7 +27,7 @@
.filters { .filters {
display: flex; display: flex;
flex: 1; flex: 1 0 0;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
margin-left: 2em; margin-left: 2em;

View File

@ -286,7 +286,7 @@
.counters-list { .counters-list {
display: flex; display: flex;
flex: 1; flex: 1 0 0;
flex-direction: column; flex-direction: column;
.counters-header { .counters-header {

View File

@ -216,7 +216,7 @@
} }
.category-chooser { .category-chooser {
display: flex; display: flex;
flex: 1; flex: 1 0 0;
width: auto; width: auto;
} }
} }

View File

@ -60,6 +60,6 @@
// mobile styles // mobile styles
.mobile-view .edit-topic-timer-modal { .mobile-view .edit-topic-timer-modal {
.select-kit.combo-box { .select-kit.combo-box {
flex: 1; flex: 1 0 0;
} }
} }

View File

@ -26,7 +26,7 @@ sup img.emoji {
.emoji-picker .categories-column { .emoji-picker .categories-column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1 0 0;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
border-right: 1px solid dark-light-diff($primary, $secondary, 90%, -60%); border-right: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
@ -61,7 +61,7 @@ sup img.emoji {
overflow-y: scroll; overflow-y: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
padding: 0; padding: 0;
flex: 1; flex: 1 0 0;
flex-direction: column; flex-direction: column;
} }
@ -223,7 +223,7 @@ sup img.emoji {
.emoji-picker .filter input { .emoji-picker .filter input {
height: 24px; height: 24px;
margin: 0; margin: 0;
flex: 1; flex: 1 0 0;
border: none; border: none;
box-shadow: none; box-shadow: none;
padding-right: 24px; padding-right: 24px;
@ -247,7 +247,7 @@ sup img.emoji {
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
padding: 4px; padding: 4px;
flex: 1; flex: 1 0 0;
} }
.emoji-picker .filter .clear-filter { .emoji-picker .filter .clear-filter {

View File

@ -567,7 +567,7 @@
.left, .left,
.right { .right {
flex: 1; flex: 1 0 0;
} }
.text { .text {

View File

@ -10,7 +10,7 @@
margin-bottom: 1em; margin-bottom: 1em;
.search-query { .search-query {
flex: 1; flex: 1 0 0;
margin: 0 0.5em 0 0; margin: 0 0.5em 0 0;
} }

View File

@ -396,7 +396,7 @@ aside.quote {
.remove-invited { .remove-invited {
display: flex; display: flex;
flex: 1; flex: 1 0 0;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-sizing: border-box; box-sizing: border-box;

View File

@ -43,7 +43,7 @@
.d-editor-textarea-wrapper, .d-editor-textarea-wrapper,
.d-editor-preview-wrapper { .d-editor-preview-wrapper {
flex: 1; flex: 1 0 0;
} }
.d-editor-textarea-wrapper { .d-editor-textarea-wrapper {

View File

@ -17,7 +17,7 @@
.select-kit-filter { .select-kit-filter {
border: 0; border: 0;
flex: 1; flex: 1 0 0;
margin: 1px; margin: 1px;
} }
@ -89,7 +89,7 @@
min-width: 50px; min-width: 50px;
padding: 0; padding: 0;
outline: none; outline: none;
flex: 1; flex: 1 0 0;
.filter-input, .filter-input,
.filter-input:focus { .filter-input:focus {
@ -112,7 +112,7 @@
.selected-color { .selected-color {
.selected-color-wrapper { .selected-color-wrapper {
display: flex; display: flex;
flex: 1; flex: 1 0 0;
flex-direction: column; flex-direction: column;
} }
@ -137,7 +137,7 @@
padding: 2px 4px; padding: 2px 4px;
line-height: $line-height-medium; line-height: $line-height-medium;
display: flex; display: flex;
flex: 1; flex: 1 0 0;
align-items: center; align-items: center;
} }
} }

View File

@ -57,7 +57,7 @@
display: flex; display: flex;
.period-title { .period-title {
flex: 1; flex: 1 0 0;
} }
.date-section { .date-section {

View File

@ -214,7 +214,7 @@
background: none; background: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
flex: 1; flex: 1 0 0;
outline: none; outline: none;
border: 0; border: 0;
border-radius: 0; border-radius: 0;

View File

@ -109,7 +109,7 @@
flex-flow: row wrap; flex-flow: row wrap;
div.column { div.column {
flex: 1; flex: 1 0 0;
flex-direction: row; flex-direction: row;
min-width: 300px; min-width: 300px;
} }

View File

@ -41,7 +41,7 @@
} }
} }
.topic-stats { .topic-stats {
flex: 1; flex: 1 0 0;
text-align: right; text-align: right;
color: dark-light-choose($primary-medium, $secondary-high); color: dark-light-choose($primary-medium, $secondary-high);
} }

View File

@ -16,7 +16,7 @@
.report-alert { .report-alert {
margin: 0; margin: 0;
order: 1; order: 1;
flex: 1; flex: 1 0 0;
padding: 1em; padding: 1em;
} }
} }

View File

@ -150,7 +150,7 @@
.with-tags { .with-tags {
.category-input { .category-input {
flex-basis: auto; flex-basis: auto;
flex: 1; flex: 1 0 0;
margin: 0; margin: 0;
width: 45%; width: 45%;
margin-bottom: 5px; margin-bottom: 5px;
@ -158,7 +158,7 @@
.mini-tag-chooser { .mini-tag-chooser {
width: 50%; width: 50%;
flex: 1; flex: 1 0 0;
margin-left: 5px; margin-left: 5px;
margin-bottom: 5px; margin-bottom: 5px;
z-index: z("base"); z-index: z("base");

View File

@ -66,7 +66,7 @@
flex-direction: row; flex-direction: row;
.form { .form {
flex: 1; flex: 1 0 0;
label { label {
font-weight: 700; font-weight: 700;
@ -118,7 +118,7 @@
} }
.preview { .preview {
flex: 1; flex: 1 0 0;
margin-top: 16px; margin-top: 16px;
text-align: center; text-align: center;
} }