erjemin/2021-cadpoint-ru
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mod: select2 admin and settings constants

Browse Source
This commit is contained in:
Sergei Erjemin
2026-04-10 11:58:31 +03:00
parent 18e32a2a0f
commit dc84178eba
10 changed files with 381 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
public/static/css/admin-select2-theme.css Normal file
View File

@@ -0,0 +1,86 @@
/* Стили 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;
}