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

FIX: Select-kit category dropdown issues in IE11

This commit is contained in:
Kris 2018-01-26 15:50:52 -05:00
parent 36d836ba40
commit f587fb7cc7
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/common/select-kit/category-drop.scss
View File

@ -70,6 +70,7 @@
padding: 0; padding: 0;
min-width: 100px; min-width: 100px;
max-height: 300px; max-height: 300px;
max-width: 30em;
.collection-header { .collection-header {
.category-filter { .category-filter {
@ -129,7 +130,7 @@
.badge-wrapper { .badge-wrapper {
margin: 0; margin: 0;
display: flex; display: flex;
flex: 1; flex: 1 1 auto;
} }
} }

1
app/assets/stylesheets/common/select-kit/category-row.scss
View File

@ -4,6 +4,7 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
max-width: 100%;
-webkit-box-flex: 0; -webkit-box-flex: 0;
-ms-flex: 1 1 auto; -ms-flex: 1 1 auto;
flex: 1 1 auto; flex: 1 1 auto;

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

@ -94,9 +94,9 @@
.selected-name { .selected-name {
text-align: left; text-align: left;
-webkit-box-flex: 1 100%; -webkit-box-flex: 1 1 auto;
-ms-flex: 1 100%; -ms-flex: 1 1 auto;
flex: 1 100%; flex: 1 1 auto;
-o-text-overflow: ellipsis; -o-text-overflow: ellipsis;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;