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 {