diff --git a/app/assets/stylesheets/common/select-kit/dropdown-select-box.scss b/app/assets/stylesheets/common/select-kit/dropdown-select-box.scss index 07e30b04895..b8aa95a1ca8 100644 --- a/app/assets/stylesheets/common/select-kit/dropdown-select-box.scss +++ b/app/assets/stylesheets/common/select-kit/dropdown-select-box.scss @@ -29,6 +29,7 @@ display: -webkit-box; display: -ms-flexbox; display: flex; + flex: 0 0 auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; @@ -51,11 +52,11 @@ } .texts { - min-width: 0; + width: 0; //IE11 line-height: $line-height-large; -webkit-box-flex: 1; -ms-flex: 1; - flex: 1; + flex: 1 0 auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; @@ -72,7 +73,7 @@ .name { -webkit-box-flex: 1; -ms-flex: 1; - flex: 1; + flex: 1 0 auto; font-weight: bold; font-size: $font-0; color: $primary; @@ -86,7 +87,8 @@ .desc { -webkit-box-flex: 1; -ms-flex: 1; - flex: 1; + flex: 1 0 auto; + width: 100%; //IE11 font-size: $font-down-1; font-weight: normal; color: dark-light-choose( diff --git a/app/assets/stylesheets/common/select-kit/select-kit.scss b/app/assets/stylesheets/common/select-kit/select-kit.scss index 5549df98c4f..9bc8816130f 100644 --- a/app/assets/stylesheets/common/select-kit/select-kit.scss +++ b/app/assets/stylesheets/common/select-kit/select-kit.scss @@ -131,7 +131,7 @@ margin: 0; overflow: hidden; text-overflow: ellipsis; - flex: 10; + flex: 1 0 auto; } .d-icon {