mirror of
https://github.com/discourse/discourse.git
synced 2024-11-26 02:40:53 -06:00
FIX: uses flex: 1 0 0;
instead of flex: 1;
for better browser compat (#6826)
This commit is contained in:
parent
7b15b87cf5
commit
608abd4c08
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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 {
|
||||||
|
@ -216,7 +216,7 @@
|
|||||||
}
|
}
|
||||||
.category-chooser {
|
.category-chooser {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
flex: 1 0 0;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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 {
|
||||||
|
@ -567,7 +567,7 @@
|
|||||||
|
|
||||||
.left,
|
.left,
|
||||||
.right {
|
.right {
|
||||||
flex: 1;
|
flex: 1 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
@ -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 {
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -57,7 +57,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.period-title {
|
.period-title {
|
||||||
flex: 1;
|
flex: 1 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.date-section {
|
.date-section {
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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");
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user