sass.n2o.components.InputSelectTree.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

The newest version!

.n2o-input-select-tree.n2o-select-tree {
    &.n2o-disabled {
        background-color: $input-disabled-bg;
        opacity: 1;
    }

    .n2o-select-tree-selection__clear {
        right: 10px;
    }

    .n2o-select-tree-selection.n2o-select-tree-selection--single {
        .n2o-select-tree-selection__clear {
            right: 35px;
        }
    }

    .n2o-select-tree-arrow {
        .n2o-icon {
            padding: 5px;
        }
    }
}

.n2o-select-tree.loading::after {
    display: none;
}

.n2o-input-select-tree__search-clear-icon {
    position: absolute;
    right: 10px;
    top: 25%;
    font-size: 12px;
    cursor: pointer;
    border-radius: 50%;
    padding: 4px 5px;
    text-align: center;
    vertical-align: center;
    transition: all 0.15s linear;
}

.n2o-input-select-tree__search-clear-icon:hover {
    background-color: $gray-100;
}

.n2o-input-select-tree__clear-icon {
    padding: 4px 5px;
}

.n2o-input-select-tree__search-clear-icon.custom-clear {
    right: 34px;
}

.n2o-select-tree.n2o-select-tree-disabled {
    background-color: $gray-100;
}

.n2o-select-tree-content-wrapper {
    display: flex;
    align-items: center;
}

.n2o-select-tree-tree-title {
    i {
        font-size: 14px;
    }
}