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 */