custom class for MultiSelect component

[ArgoZhang]

@anna777x

hi, could you take a look at this?

the CustomClass parameter used for dropdown-toggle HTML element. it's designed by bootstrap.

so what are your clear needs? why add a class for the root element?

[anna777x]

yes, you're absolutely right. I thought that custom class should apply to parent element, but I didn't notice that it applies it to next element.

[anna777x]

I've closed that PR. so I'm coming back to opening/closing modals)

[ArgoZhang]

@anna777x if you wanna modify the root element style. you can use CSS variable

.multi-select {
    --bb-multi-select-min-height: 35px;
    --bb-multi-select-max-height: 65px;
    --bb-multi-select-button-bg-color: rgba(var(--bs-body-color-rgb), .15);
    --bb-multi-select-button-hover-bg-color: rgba(var(--bs-body-color-rgb), .3);
    --bb-multi-select-item-margin-x: 3px;
    --bb-multi-select-item-margin-y: 3px;
    --bb-multi-select-item-padding: 2px 6px;
    --bb-multi-select-item-max-width: 130px;
}

you can find it on the following link

https://github.com/dotnetcore/BootstrapBlazor/blob/main/src/BootstrapBlazor/Components/Select/MultiSelect.razor.scss

the variable value will be transformed to https://github.com/dotnetcore/BootstrapBlazor/blob/main/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss

for theme