@import "../_ui-widgets-mixins.scss";
.dx-dashboard-collection-editor {
    @include dx-dashboard-properties-border;
    width: 100%;
    height: 100%;
    background-color: $dashboard-widget-bg;
    .custom-edit-icon {
        float: right;
        vertical-align: middle;
        margin: -5px;
        svg {
            width: 24px;
            height: 24px;
        }
    }
    .dx-dashboard-collection-editor-header {
        @include dx-dashboard-collection-toolbar-header();
    }
    .dx-dashboard-list,
    .dx-dashboard-editable-collection-editor {
        height: 100%;
        min-height: 120px;
    }
    .dx-dashboard-list {
        border: none;
        &.dx-dashboard-empty-message .dx-empty-message {
            @include dx-dashboard-binding-header;
            height: 100%;
            min-height: 120px;
            vertical-align: middle;
            text-align: center;
            color: $dashboard-designer-sub-header-color;
            position: static;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    .dx-dashboard-editable-collection-editor {
        .dx-revert-button,
        .dx-dashboard-editable-cell {
            display: none;
        }
        .dx-data-row {
            &.dx-selection,
            &:hover {
                .dx-dashboard-editable-cell {
                    display: flex;
                    align-items: center;
                }
            }
        }
    }
}