fix(select): fix native select icon in ie (#105)

Closes #102
sbb-design-systems · Jul 15, 2019 · cdbcb75 · cdbcb75
1 parent 33ae98b
commit cdbcb75
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/projects/sbb-esta/angular-public/src/styles/typography/_form.scss b/projects/sbb-esta/angular-public/src/styles/typography/_form.scss
@@ -64,7 +64,7 @@
 
 @mixin nativeSelectBase {
   $selectArrowWidthHeight: 24;
-  $selectNativeBackground: 'data:image/svg+xml,<svg version="1.1" id="_x30__1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;fill: %23666;" xml:space="preserve"><path d="M7.7,10.7L8.4,10l3.6,3.6l3.6-3.6l0.7,0.7L12,15L7.7,10.7z"/></svg>';
+  $selectNativeBackground: 'data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJfeDMwX18xXyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7ZmlsbDogJTIzNjY2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTcuNywxMC43TDguNCwxMGwzLjYsMy42bDMuNi0zLjZsMC43LDAuN0wxMiwxNUw3LjcsMTAuN3oiLz48L3N2Zz4=';
   $selectArrowRight: 12;
   $selectTriggerPaddingRight: 44;
 
@@ -82,10 +82,14 @@
   &:disabled {
     cursor: default;
   }
+
+  &::-ms-expand {
+    display: none;
+  }
 
   background: url($selectNativeBackground) no-repeat;
   background-position: center right toPx($selectArrowRight);
-  background-size: toPx($selectArrowWidthHeight);
+  background-size: toPx($selectArrowWidthHeight) toPx($selectArrowWidthHeight);
 
   @include publicOnly() {
     @include mq($from: desktop4k) {