UI: Fix select arrow

This commit is contained in:
Joshua Ogle
2019-04-22 14:56:08 -05:00
parent 580064670c
commit 2db3653774

View File

@@ -189,16 +189,15 @@ label {
} }
.select:not(.is-multiple)::after { .select:not(.is-multiple)::after {
border-color: $black; content: svg-uri(
border-width: 2px; '<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z" fill="currentColor"/></svg>'
margin-top: 0; );
transform: translateY(30%) rotate(-45deg); border: 0;
} height: 24px;
margin: 0;
.select:not(.is-multiple)::before { right: $spacing-xs;
content: ''; transform: translateY(-50%);
transform: translateY(-70%) rotate(135deg); width: 24px;
z-index: 5;
} }
.field:not(:last-child) { .field:not(:last-child) {