87 lines
3.1 KiB
CSS
87 lines
3.1 KiB
CSS
/* Стили Select2 для админки Django 5.
|
|
Используем CSS-переменные админки, чтобы оформление автоматически
|
|
подстраивалось под светлую, тёмную и auto-тему. */
|
|
|
|
.select2-container--default .select2-selection--single,
|
|
.select2-container--default .select2-selection--multiple {
|
|
min-height: 2.5rem;
|
|
border: 1px solid var(--border-color) !important;
|
|
border-radius: 4px;
|
|
background-color: var(--body-bg) !important;
|
|
color: var(--body-fg) !important;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__rendered,
|
|
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
|
|
color: var(--body-fg) !important;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__placeholder,
|
|
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
|
|
color: var(--body-quiet-color) !important;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
|
height: 2.4rem;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
|
border: 1px solid var(--border-color) !important;
|
|
border-radius: 999px;
|
|
background-color: var(--selected-bg) !important;
|
|
color: var(--body-fg) !important;
|
|
padding: 0.15rem 0.55rem;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
|
|
color: var(--body-quiet-color) !important;
|
|
margin-right: 0.35rem;
|
|
}
|
|
|
|
.select2-container--default .select2-search--inline .select2-search__field,
|
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
|
color: var(--body-fg) !important;
|
|
border: 1px solid var(--border-color) !important;
|
|
background-color: var(--body-bg) !important;
|
|
}
|
|
|
|
.select2-container--default .select2-results > .select2-results__options {
|
|
background-color: var(--body-bg) !important;
|
|
color: var(--body-fg) !important;
|
|
}
|
|
|
|
.select2-container--default .select2-results__option {
|
|
color: var(--body-fg) !important;
|
|
}
|
|
|
|
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
|
background-color: var(--primary) !important;
|
|
color: var(--primary-fg) !important;
|
|
}
|
|
|
|
.select2-container--default .select2-results__option[aria-selected="true"] {
|
|
background-color: var(--selected-bg) !important;
|
|
color: var(--body-fg) !important;
|
|
}
|
|
|
|
.select2-container--default.select2-container--focus .select2-selection--multiple,
|
|
.select2-container--default.select2-container--open .select2-selection--single,
|
|
.select2-container--default.select2-container--open .select2-selection--multiple {
|
|
border-color: var(--primary) !important;
|
|
}
|
|
|
|
.select2-dropdown {
|
|
border: 1px solid var(--border-color) !important;
|
|
background-color: var(--body-bg) !important;
|
|
color: var(--body-fg) !important;
|
|
}
|
|
|
|
.select2-container--default .select2-results__option--disabled {
|
|
color: var(--body-quiet-color) !important;
|
|
}
|
|
|
|
.select2-container--default .select2-results__group {
|
|
color: var(--body-quiet-color) !important;
|
|
}
|
|
|