Select arrow should be turned the other way #31

Darius Rosendahl · Darius Rosendahl · commit 424fac05d09d · 2017-10-03T12:40:11.000+02:00
diff --git a/sass/component/select.scss b/sass/component/select.scss
@@ -26,8 +26,8 @@
 
 			~ .select-arrow {
 				&:after {
-					margin-left: 3px;
-					transform: rotate(90deg);
+					margin-left: -3px;
+					transform: rotate(-90deg);
 				}
 			}
 		}
@@ -56,12 +56,12 @@
 	pointer-events: none;
 
 	&:after {
-		box-sizing: border-box;
-		text-align: center;
 		content: $select-arrow;
+		box-sizing: border-box;
 		display: block;
 		width: $input-height; height: $input-height;
 		line-height: $input-height;
+		text-align: center;
 		transform: rotate(90deg);
 		transform-origin: center;
 	}

Original file line number	Diff line number	Diff line change
`@@ -26,8 +26,8 @@`
`26`	`26`
`27`	`27`	`~ .select-arrow {`
`28`	`28`	`&:after {`
`29`		`- margin-left: 3px;`
`30`		`- transform: rotate(90deg);`
	`29`	`+ margin-left: -3px;`
	`30`	`+ transform: rotate(-90deg);`
`31`	`31`	`}`
`32`	`32`	`}`
`33`	`33`	`}`
`@@ -56,12 +56,12 @@`
`56`	`56`	`pointer-events: none;`
`57`	`57`
`58`	`58`	`&:after {`
`59`		`- box-sizing: border-box;`
`60`		`- text-align: center;`
`61`	`59`	`content: $select-arrow;`
	`60`	`+ box-sizing: border-box;`
`62`	`61`	`display: block;`
`63`	`62`	`width: $input-height; height: $input-height;`
`64`	`63`	`line-height: $input-height;`
	`64`	`+ text-align: center;`
`65`	`65`	`transform: rotate(90deg);`
`66`	`66`	`transform-origin: center;`
`67`	`67`	`}`