frontend/css/components/_select.scss in trestle-0.10.0.pre vs frontend/css/components/_select.scss in trestle-0.10.0.pre2
- old
+ new
@@ -21,11 +21,11 @@
.select2-selection__rendered {
height: 100%;
padding: $s2bs5-padding-y $s2bs5-indicator-padding $s2bs5-padding-y $s2bs5-padding-x;
&:has(.select2-selection__clear) {
- padding-right: $s2bs5-indicator-padding + 1rem;
+ padding-right: $s2bs5-indicator-padding + 0.875rem;
}
}
}
.select2-selection--multiple {
@@ -44,11 +44,11 @@
}
}
.select2-search--inline {
width: auto;
- margin-left: 0.12rem;
+ margin-left: 0.1rem;
&:first-child {
margin-left: 0.375rem;
}
}
@@ -101,11 +101,11 @@
order: 99;
background: $s2bs5-clear-tag-bg;
margin-right: 0;
- margin-left: 4px;
+ margin-left: 0.25rem;
font-size: 0;
line-height: 1.2;
&:hover {
background: $s2bs5-clear-tag-bg;
@@ -135,14 +135,13 @@
}
}
// Prevent input zooming on mobile devices
@include media-breakpoint-down(sm) {
- .select2-search--inline {
- .select2-search__field {
- font-size: 16px;
- }
+ .select2-selection,
+ .select2-dropdown .select2-search .select2-search__field {
+ font-size: 1rem;
}
}
}
.form-select-sm {
@@ -152,11 +151,11 @@
.select2-selection__rendered {
padding: map-get($s2bs5-small, padding-y) map-get($s2bs5-small, padding-x);
&:has(.select2-selection__clear) {
- padding-right: $s2bs5-indicator-padding + 1rem;
+ padding-right: $s2bs5-indicator-padding + 0.875rem;
}
}
}
}
}
@@ -168,10 +167,10 @@
.select2-selection__rendered {
padding: map-get($s2bs5-large, padding-y) map-get($s2bs5-large, padding-x);
&:has(.select2-selection__clear) {
- padding-right: $s2bs5-indicator-padding + 1.5rem;
+ padding-right: $s2bs5-indicator-padding + 1.375rem;
}
}
}
}
}