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; } } } } }