Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: IE11 layout glitches 

IE11 requires a unit on the third parameter (flex-basis) of the flex property
This commit is contained in:
Penar Musaraj 2019-01-21 13:40:55 -05:00
parent ec71091216
commit ba5e17a7a9
19 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/stylesheets/common/admin/admin_base.scss
View File

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

2
app/assets/stylesheets/common/admin/admin_report.scss
View File

@ -132,7 +132,7 @@
.mode {
display: inline-flex;
flex: 1 0 0;
flex: 1 0 0px;
.mode-btn.is-current {
color: $tertiary;

2
app/assets/stylesheets/common/admin/admin_report_counters.scss
View File

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

2
app/assets/stylesheets/common/admin/admin_reports.scss
View File

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

2
app/assets/stylesheets/common/admin/dashboard_next.scss
View File

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

2
app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
View File

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

8
app/assets/stylesheets/common/base/emoji.scss
View File

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

2
app/assets/stylesheets/common/base/modal.scss
View File

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

2
app/assets/stylesheets/common/base/search.scss
View File

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

2
app/assets/stylesheets/common/base/topic-post.scss
View File

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

8
app/assets/stylesheets/common/select-kit/multi-select.scss
View File

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

2
app/assets/stylesheets/common/select-kit/period-chooser.scss
View File

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

2
app/assets/stylesheets/common/select-kit/select-kit.scss
View File

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

2
app/assets/stylesheets/desktop/category-list.scss
View File

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

2
app/assets/stylesheets/desktop/latest-topic-list.scss
View File

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

2
app/assets/stylesheets/mobile/admin_reports.scss
View File

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

4
app/assets/stylesheets/mobile/compose.scss
View File

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

2
app/assets/stylesheets/wizard.scss
View File

@ -84,7 +84,7 @@ body.wizard {
align-items: center;
input {
flex: 1 0 0;
flex: 1 0 0px;
}
span {

4
plugins/discourse-local-dates/assets/stylesheets/common/discourse-local-dates.scss
View File

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