csechet
/
publik-base-theme
forked from entrouvert/publik-base-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

scss: add style for multi-choices select2 (#64320)

This commit is contained in:
Frédéric Péters 2022-04-16 21:28:43 +02:00 committed by Corentin Séchet
parent 2a69eaf576
commit 8b59667ca1
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
static/includes/_forms.scss
View File

@ -423,6 +423,7 @@ span.select2-container {
padding: 0.1em 0.7em;
}
span.select2-selection--single,
span.select2-selection--multiple,
a.select2-choice,
a.select2-choice div {
box-sizing: border-box;
@ -432,10 +433,23 @@ span.select2-container {
border-radius: $widget-border-radius;
border: $widget-border;
height: auto;
.select2-selection__choice {
margin: 0 0.5rem 0 0;
border: none;
}
}
span.select2-selection--multiple {
min-height: 0;
}
.select2-search--inline .select2-search__field {
margin-top: 0;
margin-bottom: 0;
border: none;
}
&.select2-container--focus,
&.select2-container--open {
span.select2-selection--single,
span.select2-selection--multiple,
a.select2-choice,
a.select2-choice div {
background: $widget-focus-background;
@ -446,7 +460,8 @@ span.select2-container {
}
}
}
&.select2-container--focus span.select2-selection--single {
&.select2-container--focus span.select2-selection--single,
&.select2-container--focus span.select2-selection--multiple {
outline: $widget-focus-outline;
outline-offset: $widget-focus-outline-offset;
}