From cdbcb757628e6e5ff191e29c97927e4893a8a0b5 Mon Sep 17 00:00:00 2001 From: kyubisation Date: Mon, 15 Jul 2019 10:37:52 +0200 Subject: [PATCH] fix(select): fix native select icon in ie (#105) Closes #102 --- .../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,'; + $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) {