@import './variable';
// 弹窗默认样式
.dialog-item {

    &.el-dialog__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .el-dialog {
        margin: 0 !important;
        max-height: 90%;
        display: flex;
        flex-direction: column;
    }

    // 无title样式
    &.title-flag {
        .el-dialog__header {
            height: 48px;
            border: none;
        }
        .el-dialog__title::before {
            display: none;
        }
        .el-dialog__body {
            margin-top: 0;
        }
    }

    // header
    .el-dialog__header {
        border-bottom: 1px solid $--border-color-light;
        padding: 0 16px;
        min-height: 47px;
    }
    .el-dialog__title {
        font-size: 16px;
        font-weight: bold;
        line-height: 47px;
        &::before {
            content: '';
            width: 6px;
            height: 16px;
            margin-right: 4px;
            display: inline-block;
            vertical-align: middle;
            background-color: $--color-primary;
            margin-top: -3px;
        }
    }
    .el-dialog__headerbtn {
        top: 13px;
        right: 12px;
        .el-dialog__close {
            font-size: 22px;
        }
    }

    // body
    .el-dialog__body {
        padding: 1px;
        margin: 16px;
        overflow-y: auto;
        flex: 1 1 auto;

        & > .anchor-location-wrapper > .form-wrapper {
            margin: 16px 0;
        }
        & > .list-wrapper:first-child {
            .search-wrapper {
                margin-top: 0;
            }
            .section-wrapper > .table-wrapper:first-child {
                margin-top: 0;
                .el-table {
                    margin-top: 0;
                }
            }
            .screen-wrapper > .el-tabs {
                margin-top: -17px;
                margin-bottom: 16px;
            }
        }
        & > .list-wrapper:last-child {
            .el-pagination {
                margin-bottom: 0;
                padding: 0 $--space;
            }
        }
        & > .anchor-location-wrapper:first-child {
            .form-wrapper,
            .form-body-wrapper {
                margin: 0;
            }
            .form-body-wrapper + .form-body-wrapper {
                margin-top: 16px;
            }
        }
        .list-wrapper {
            .search-wrapper {
                border-bottom: none;
                padding: 0;
            }
            .search-wrapper,
            .btn-wrapper,
            .table-wrapper {
                margin-left: 0;
                margin-right: 0;
            }
        }
        .el-tabs {
            padding: 0;
        }
    }

    .el-dialog__footer {
        border-top: 1px solid $--border-color-light;
        padding: 16px;
        font-size: 0;
        overflow: auto/9;
    }
}

.el-transfer {
    label.el-transfer-panel__item {
        &.el-checkbox:last-child {
            margin-right: 30px;
        }
    }
}
.list-config {
    .config-tips {
        margin-bottom: 8px;
        color: $--color-info;
    }
    .el-transfer {
        width: 100%;
    }
    .el-transfer-panel {
        width: calc((100% - 64px) / 2);
        min-height: 300px;
        .el-transfer-panel__header {
            background: $--color-white;
            .el-checkbox__label span {
                display: none;
            }
        }
        .el-transfer-panel__empty {
            position: relative;
            top: 50%;
            transform: translate(0, -50%);
            padding-top: 0;
        }
    }
    .el-transfer__buttons {
        padding: 0 20px;
        .el-button {
            margin-left: 0;
            width: 24px;
            height: 24px;
            padding: 0;
            min-width: unset;
            &:first-child {
                margin-bottom: 4px;
            }
        }
    }
}
