Select2 css to follow current theme

Updated the select2 css to follow the current bootstrap 5.3 colour theme.

light or dark.
This commit is contained in:
Corban-Lee Jones 2024-04-28 15:42:16 +01:00
parent 31093a38de
commit 71e6e5c603

View File

@ -33,16 +33,34 @@
/* .select2-dropdown {
border: 1px solid var(--border-colour) !important;
} */
/*
.select2-selection__choice {
display: flex;
align-items: center;
padding-left: 3px !important;
} */
/*
color: var(--bs-body-color) !important;
background-color: var(--bs-tertiary-bg) !important;
border: var(--bs-border-width) solid var(--bs-border-color) !important;
}
.select2-selection__choice > button {
border: none;
background-color: var(--bs-white-rgb);
background-color: var(--bs-tertiary-bg);
}
.select2-results__option--selected { display: none; }
.select2-container--bootstrap .select2-results__option {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
/*
.select2-container--bootstrap .select2-results__option[aria-selected="true"] {
} */
/* .select2-results__option--selected { display: none; } */
.select2-container--bootstrap .select2-results__option--highlighted {
color: var(--bs-white) !important;
background-color: var(--bs-primary) !important;
}