Positioning fix for the arrow when the menu is open

underdogio · Jan 31, 2017 · cab0b72 · cab0b72
1 parent fbeb376
commit cab0b72
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/less/control.less b/less/control.less
@@ -82,6 +82,7 @@
 
 	// flip the arrow so its pointing up when the menu is open
 	.Select-arrow {
+		top: -2px;
 		border-color: transparent transparent @select-arrow-color;
 		border-width: 0 @select-arrow-width @select-arrow-width;
 	}
@@ -239,6 +240,7 @@
 	display: inline-block;
 	height: 0;
 	width: 0;
+	position: relative;
 }
 .is-open .Select-arrow,
 .Select-arrow-zone:hover > .Select-arrow {

diff --git a/scss/control.scss b/scss/control.scss
@@ -69,6 +69,7 @@
 
 	// flip the arrow so its pointing up when the menu is open
 	.Select-arrow {
+		top: -2px;
 		border-color: transparent transparent $select-arrow-color;
 		border-width: 0 $select-arrow-width $select-arrow-width;
 	}
@@ -238,6 +239,7 @@
 	display: inline-block;
 	height: 0;
 	width: 0;
+	position: relative;
 }
 .is-open .Select-arrow,
 .Select-arrow-zone:hover > .Select-arrow {