@use '../mat-selectors.scss' as ms;

$dialog-title-height: 100px;
$dialog-information-height: 44px;
$dialog-buttons-height: 68px;

$dialog-list-height: calc(65vh - ($dialog-title-height + $dialog-information-height + $dialog-buttons-height));

.adf {
    &-aspect-list-spinner,
    &-aspect-list-container {
        padding-top: 3px;
        box-sizing: border-box;
    }

    &-aspect-list-spinner {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: $dialog-list-height;
    }

    &-aspect-list-container {
        max-height: $dialog-list-height;
        overflow: auto;
        border: 1px solid var(--adf-theme-foreground-text-color-007);

        .adf-aspect-list-check-button {
            margin-right: 5px;
            height: 48px;
            align-items: center;
            display: flex;
        }

        .adf-accordion-aspect-list-item {
            padding-left: 14px;
            display: flex;
            box-shadow: 0 2px 2px -1px var(--adf-theme-foreground-text-color-007);

            &.adf-hover {
                &:hover {
                    background-color: var(--adf-theme-background-hover-color);
                }
            }
        }

        .adf-accordion-aspect-list-expansion-panel {
            margin: 0;
            width: 100%;
            box-shadow: none;
            background: border-box;

            #{ms.$mat-checkbox-background} {
                height: 16px;
                width: 16px;
            }

            &-header {
                font-size: smaller;
                padding-left: 0;
                height: 48px;
            }

            &-header-title {
                color: var(--theme-secondary-text);
            }

            &-header-description {
                justify-content: flex-start;
                align-items: center;
                flex: 1 1 0;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }

    &-aspect-property-table {
        width: 100%;

        .adf-aspect-property-table-column-name,
        .adf-aspect-property-table-column-title,
        .adf-aspect-property-table-column-data-type {
            font-size: 12px;
            color: var(--adf-theme-foreground-text-color-064);
        }

        .adf-aspect-property-table-column {
            &-name {
                width: 15%;
                padding-left: 24px;
                padding-right: 0;
            }

            &-title {
                width: 65%;
                padding: 0;
            }

            &-data-type {
                width: 20%;
                padding-right: 24px;
                padding-left: 10px;
            }
        }
    }
}

.adf-accordion-aspect-list
    .adf-accordion-aspect-list-item
    .adf-accordion-aspect-list-expansion-panel
    .adf-accordion-aspect-list-expansion-panel-header {
    &:hover,
    &:focus {
        background: none;
    }
}