fixed select2 single input focus without opened menu

This commit is contained in:
REJack 2020-03-13 17:41:13 +01:00
parent 14719bdd88
commit bc3123cb08
6 changed files with 123 additions and 7 deletions

View file

@ -12,6 +12,10 @@
border-color: lighten($color, 25%);
}
}
&.select2-container--focus .select2-selection--single {
border-color: lighten($color, 25%);
}
}
.select2-container--default &,
@ -60,7 +64,7 @@
}
}
}
&.select2-container--focus .select2-selection--multiple {
border-color: lighten($color, 25%);
}

View file

@ -178,8 +178,11 @@
}
}
&.select2-container--focus .select2-selection--multiple {
border-color: $input-focus-border-color;
&.select2-container--focus {
.select2-selection--single,
.select2-selection--multiple {
border-color: $input-focus-border-color;
}
.select2-search__field {
border: 0;

111
dist/css/adminlte.css vendored
View file

@ -20526,11 +20526,12 @@ html.maximized-card {
margin-top: .4rem;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #80bdff;
}
.select2-container--default.select2-container--focus .select2-selection--multiple .select2-search__field {
.select2-container--default.select2-container--focus .select2-search__field {
border: 0;
}
@ -20596,6 +20597,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #80bdff;
}
.select2-primary + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #80bdff;
}
.select2-container--default .select2-primary.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-primary .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-primary .select2-search--inline .select2-search__field:focus,
@ -20649,6 +20654,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #afb5ba;
}
.select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #afb5ba;
}
.select2-container--default .select2-secondary.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-secondary .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-secondary .select2-search--inline .select2-search__field:focus,
@ -20702,6 +20711,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #71dd8a;
}
.select2-success + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #71dd8a;
}
.select2-container--default .select2-success.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-success .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-success .select2-search--inline .select2-search__field:focus,
@ -20755,6 +20768,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #63d9ec;
}
.select2-info + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #63d9ec;
}
.select2-container--default .select2-info.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-info .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-info .select2-search--inline .select2-search__field:focus,
@ -20808,6 +20825,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #ffe187;
}
.select2-warning + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #ffe187;
}
.select2-container--default .select2-warning.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-warning .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-warning .select2-search--inline .select2-search__field:focus,
@ -20861,6 +20882,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #efa2a9;
}
.select2-danger + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #efa2a9;
}
.select2-container--default .select2-danger.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-danger .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-danger .select2-search--inline .select2-search__field:focus,
@ -20914,6 +20939,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: white;
}
.select2-light + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: white;
}
.select2-container--default .select2-light.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-light .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-light .select2-search--inline .select2-search__field:focus,
@ -20967,6 +20996,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #6d7a86;
}
.select2-dark + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #6d7a86;
}
.select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-dark .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-dark .select2-search--inline .select2-search__field:focus,
@ -21020,6 +21053,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #99c5de;
}
.select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #99c5de;
}
.select2-container--default .select2-lightblue.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lightblue .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lightblue .select2-search--inline .select2-search__field:focus,
@ -21073,6 +21110,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #005ebf;
}
.select2-navy + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #005ebf;
}
.select2-container--default .select2-navy.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-navy .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-navy .select2-search--inline .select2-search__field:focus,
@ -21126,6 +21167,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #87cfaf;
}
.select2-olive + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #87cfaf;
}
.select2-container--default .select2-olive.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-olive .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-olive .select2-search--inline .select2-search__field:focus,
@ -21179,6 +21224,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #81ffb8;
}
.select2-lime + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #81ffb8;
}
.select2-container--default .select2-lime.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lime .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lime .select2-search--inline .select2-search__field:focus,
@ -21232,6 +21281,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #f88adf;
}
.select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #f88adf;
}
.select2-container--default .select2-fuchsia.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-fuchsia .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-fuchsia .select2-search--inline .select2-search__field:focus,
@ -21285,6 +21338,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #f083ab;
}
.select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #f083ab;
}
.select2-container--default .select2-maroon.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-maroon .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-maroon .select2-search--inline .select2-search__field:focus,
@ -21338,6 +21395,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #80bdff;
}
.select2-blue + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #80bdff;
}
.select2-container--default .select2-blue.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-blue .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-blue .select2-search--inline .select2-search__field:focus,
@ -21391,6 +21452,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #b389f9;
}
.select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #b389f9;
}
.select2-container--default .select2-indigo.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-indigo .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-indigo .select2-search--inline .select2-search__field:focus,
@ -21444,6 +21509,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #b8a2e0;
}
.select2-purple + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #b8a2e0;
}
.select2-container--default .select2-purple.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-purple .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-purple .select2-search--inline .select2-search__field:focus,
@ -21497,6 +21566,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #f6b0d0;
}
.select2-pink + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #f6b0d0;
}
.select2-container--default .select2-pink.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-pink .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-pink .select2-search--inline .select2-search__field:focus,
@ -21550,6 +21623,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #efa2a9;
}
.select2-red + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #efa2a9;
}
.select2-container--default .select2-red.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-red .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-red .select2-search--inline .select2-search__field:focus,
@ -21603,6 +21680,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #fec392;
}
.select2-orange + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #fec392;
}
.select2-container--default .select2-orange.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-orange .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-orange .select2-search--inline .select2-search__field:focus,
@ -21656,6 +21737,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #ffe187;
}
.select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #ffe187;
}
.select2-container--default .select2-yellow.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-yellow .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-yellow .select2-search--inline .select2-search__field:focus,
@ -21709,6 +21794,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #71dd8a;
}
.select2-green + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #71dd8a;
}
.select2-container--default .select2-green.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-green .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-green .select2-search--inline .select2-search__field:focus,
@ -21762,6 +21851,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #7eeaca;
}
.select2-teal + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #7eeaca;
}
.select2-container--default .select2-teal.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-teal .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-teal .select2-search--inline .select2-search__field:focus,
@ -21815,6 +21908,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #63d9ec;
}
.select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #63d9ec;
}
.select2-container--default .select2-cyan.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-cyan .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-cyan .select2-search--inline .select2-search__field:focus,
@ -21868,6 +21965,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: white;
}
.select2-white + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: white;
}
.select2-container--default .select2-white.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-white .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-white .select2-search--inline .select2-search__field:focus,
@ -21921,6 +22022,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #afb5ba;
}
.select2-gray + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #afb5ba;
}
.select2-container--default .select2-gray.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray .select2-search--inline .select2-search__field:focus,
@ -21974,6 +22079,10 @@ select.form-control-sm ~ .select2-container--default .select2-selection--multipl
border-color: #6d7a86;
}
.select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #6d7a86;
}
.select2-container--default .select2-gray-dark.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray-dark .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray-dark .select2-search--inline .select2-search__field:focus,

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long