alfresco-ng2-components/lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.scss

@import 'styles/mat-selectors';

$search-result-height: calc(100% - 75px);

.adf {
    &-permission-result-list {
        display: flex;
        height: $search-result-height;
        overflow: auto;
        border: 2px solid var(--adf-theme-foreground-text-color-007);

        #{$mat-list-item-end} {
            display: none;
        }

        &-elements {
            width: 100%;
        }

        &-search {
            display: none;
        }
    }

    &-list-option-item {
        display: flex;
        flex-direction: row;
        align-items: center;

        .adf-result-name {
            padding-left: 16px;
        }
    }

    &-permission-start-message {
        display: flex;
        align-items: center;
        justify-content: space-around;
        height: $search-result-height;
        overflow: auto;
        border: 2px solid var(--adf-theme-foreground-text-color-007);
    }

    &-permission-no-result {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
    }

    &-permission-search {
        &-input {
            width: 100%;

            &-icon {
                color: var(--adf-theme-background-selected-button-color);
                cursor: pointer;

                &:hover {
                    color: var(--adf-theme-foreground-base-color);
                }
            }
        }
    }

    &-permission-action {
        &[disabled] {
            opacity: 0.6;
        }

        &:enabled {
            color: var(--theme-primary-color);
        }
    }
}