src.assets.style.global._select.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of ui Show documentation

The newest version!

/*!
 * SPDX-FileCopyrightText: 2017-2024 Enedis
 *
 * SPDX-License-Identifier: Apache-2.0
 *
 */

$base-color: var(--bs-primary) !important;
.multiselect-dropdown {
    .dropdown-btn {
        .selected-item {
            border: 1px solid $base-color;
            background: $base-color;
            margin-bottom: 2px;
        }
    }
}

.multiselect-item-checkbox input[type='checkbox']:focus + div:before,
.multiselect-item-checkbox input[type='checkbox']:hover + div:before {
    border-color: $base-color;
}

.multiselect-item-checkbox input[type='checkbox'] + div:before {
    color: $base-color;
    border: 2px solid $base-color;
}

.multiselect-item-checkbox input[type='checkbox'] + div:after {
    background-color: $base-color;
}

.multiselect-item-checkbox input[type='checkbox']:checked + div:before {
    background: $base-color;
}

@keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px $base-color;
    }
}

.no-data {
    h5 {
        font-size: medium;
    }
}

ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
    display: flex;
    span {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
    }
}


ng-multiselect-dropdown .multiselect-dropdown .dropdown-list {
    width: auto;
    min-width: 100%
}