From 3f512121b3dcbf47aae46465ab8b0ab4c301a422 Mon Sep 17 00:00:00 2001
From: Lukas Spirig <lukas.spirig@sbb.ch>
Date: Fri, 12 Jul 2019 17:20:40 +0200
Subject: [PATCH] fix(select): fix native select icon in ie

---
 .../angular-public/src/styles/typography/_form.scss       | 8 ++++++--
 1 file changed, 6 insertions(+), 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
index 0a6188168a..b5cd84a5fa 100644
--- 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) {