scss: add vertical margin to autocomplete element (#64967) #30

Merged
csechet merged 1 commits from wip/64967-select-ajouter-un-espacement-ver into main 2023-05-31 12:10:03 +02:00
2 changed files with 59 additions and 0 deletions

View File

@ -445,6 +445,13 @@ span.select2-container {
}
span.select2-selection--multiple {
min-height: 0;
padding-top: calc(#{extract-top($widget-padding)} - 0.2rem);
padding-bottom: calc(#{extract-bottom($widget-padding)} - 0.2rem);
.select2-selection__choice, .select2-search {
margin: 0.2rem 0.5rem 0.2rem 0;
}
.select2-selection__rendered {
display: block;
}

View File

@ -34,6 +34,58 @@ $black: #000000 !default;
@return 0;
}
@function extract-top($spacing){
@return nth($spacing, 1);
}
@function extract-right($spacing){
@if (length($spacing) == 1) {
@return nth($spacing, 1);
}
@if (length($spacing) == 2) {
@return nth($spacing, 2);
}
@if (length($spacing) == 4) {
@return nth($spacing, 2);
}
@error "Invalid spacing #{spacing}";
}
@function extract-bottom($spacing){
@if (length($spacing) == 1) {
@return nth($spacing, 1);
}
@if (length($spacing) == 2) {
@return nth($spacing, 1);
}
@if (length($spacing) == 4) {
@return nth($spacing, 3);
}
@error "Invalid spacing #{spacing}";
}
@function extract-left($spacing){
@if (length($spacing) == 1) {
@return nth($spacing, 1);
}
@if (length($spacing) == 2) {
@return nth($spacing, 2);
}
@if (length($spacing) == 4) {
@return nth($spacing, 4);
}
@error "Invalid spacing #{spacing}";
}
// Check if value is a number > 0;
@function is-positive-number($value) {
@return type-of($value) == 'number' and $value > 0;