app/assets/stylesheets/spree/backend/plugins/_select2.scss in solidus_backend-2.3.1 vs app/assets/stylesheets/spree/backend/plugins/_select2.scss in solidus_backend-2.4.0.beta1

- old
+ new

@@ -1,11 +1,12 @@ .select2-container { .select2-choice, .select2-choices { border: $input-btn-border-width solid $input-border-color; @include border-radius($input-border-radius); background: $input-bg; - height: calc(#{$input-height} + #{2*$input-btn-border-width}); + height: $input-height; + padding: 0; .select2-arrow { background: transparent; border-left: 0; b { @@ -15,11 +16,12 @@ background-size: 8px 10px !important; } } >.select2-chosen { - line-height: $input-height; + padding: $input-btn-padding-y $input-btn-padding-x; + line-height: $input-btn-line-height; color: $input-color; } } } @@ -37,21 +39,21 @@ .select2-container-active, .select2-dropdown-open { .select2-choices.select2-choices, /* Needs extra specificity */ .select2-choice { box-shadow: none; /* Remove default outline */ - border-color: $input-border-focus; + border-color: $input-focus-border-color; } } .select2-container-multi .select2-choices { .select2-search-choice, .select2-search-field { line-height: 1.35; /* Fill height of input */ } .select2-search-choice { - background: $badge-default-bg; + background: $gray-200; border: 0; margin: 2px 0 3px 5px; // adjust the margin to respect the adjusted line height } } @@ -70,10 +72,10 @@ /* Remove default shadow */ box-shadow: none; } .select2-drop-active { - border: $input-btn-border-width solid $input-border-focus; + border: $input-btn-border-width solid $input-focus-border-color; border-top: 0; } .select2-results { .select2-no-results, .select2-searching {