UI: Fix select arrow

hashicorp · Apr 22, 2019 · a6d6aff · a6d6aff
1 parent 5800646
commit a6d6aff
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/ui/app/styles/core/forms.scss b/ui/app/styles/core/forms.scss
@@ -189,16 +189,18 @@ label {
 }
 
 .select:not(.is-multiple)::after {
-  border-color: $black;
-  border-width: 2px;
-  margin-top: 0;
-  transform: translateY(30%) rotate(-45deg);
-}
-
-.select:not(.is-multiple)::before {
-  content: '';
-  transform: translateY(-70%) rotate(135deg);
-  z-index: 5;
+  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWd\
+    odD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwM\
+    DAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgPHB\
+    hdGggZD0iTTEyIDUuODNMMTUuMTcgOWwxLjQxLTEuNDFMMTIgMyA3LjQxIDcuNTkgOC44MyA5I\
+    DEyIDUuODN6bTAgMTIuMzRMOC44MyAxNWwtMS40MSAxLjQxTDEyIDIxbDQuNTktNC41OUwxNS4\
+    xNyAxNSAxMiAxOC4xN3oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K');
+  border: 0;
+  height: 24px;
+  margin: 0;
+  right: $spacing-xs;
+  transform: translateY(-50%);
+  width: 24px;
 }
 
 .field:not(:last-child) {