app/assets/stylesheets/spree/backend/plugins/_select2.scss in solidus_backend-2.4.2 vs app/assets/stylesheets/spree/backend/plugins/_select2.scss in solidus_backend-2.5.0.beta1
- old
+ new
@@ -1,9 +1,10 @@
-.select2-container {
+.select2-container,
+.select2-container.select2-drop-above {
.select2-choice, .select2-choices {
border: $input-btn-border-width solid $input-border-color;
- @include border-radius($input-border-radius);
+ border-radius: $input-border-radius;
background: $input-bg;
height: $input-height;
padding: 0;
.select2-arrow {
@@ -23,10 +24,24 @@
color: $input-color;
}
}
}
+.select2-container.select2-dropdown-open {
+ .select2-choice,
+ .select2-choices {
+ border-radius: $input-border-radius $input-border-radius 0 0;
+ }
+
+ &.select2-drop-above {
+ .select2-choice,
+ .select2-choices {
+ border-radius: 0 0 $input-border-radius $input-border-radius;
+ }
+ }
+}
+
.select2-container .select2-choice .select2-search-choice-close {
@extend .fa;
@extend .fa-times;
color: #333; /* matches bootstrap's custom-select arrow */
@@ -35,11 +50,13 @@
/* Hide the default icon */
background-image: none;
}
-.select2-container-active, .select2-dropdown-open {
+.select2-container-active, .select2-dropdown-open,
+.select2-container-active.select2-drop-above,
+.select2-dropdown-open.select2-drop-above {
.select2-choices.select2-choices, /* Needs extra specificity */
.select2-choice {
box-shadow: none; /* Remove default outline */
border-color: $input-focus-border-color;
}
@@ -69,14 +86,22 @@
}
.select2-drop {
/* Remove default shadow */
box-shadow: none;
-}
-.select2-drop-active {
- border: $input-btn-border-width solid $input-focus-border-color;
- border-top: 0;
+ &.select2-drop-active,
+ &.select2-drop-active.select2-drop-above {
+ border: $input-btn-border-width solid $input-focus-border-color;
+ }
+
+ &.select2-drop-active {
+ border-top: 0;
+
+ &.select2-drop-above {
+ border-bottom: 0;
+ }
+ }
}
.select2-results {
.select2-no-results, .select2-searching {
/* Remove light grey background */