devextreme/less/sources/widgets/generic/dataGrid.generic.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/generic/dataGrid.generic.less)
* Version: 20.1.7
* Build date: Tue Aug 25 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@import (once) "../base/dataGrid.less";
@import (once) "./gridBase.generic.less";

.grid-base(datagrid);

.dx-datagrid-group-panel {
    font-size: @GENERIC_BASE_FONT_SIZE;
    touch-action: pinch-zoom;

    .dx-group-panel-message {
        color: @datagrid-columnchooser-item-color;
        font-weight: @datagrid-columnchooser-font-weight;
        padding: @GENERIC_DATAGRID_CELL_PADDING;
        border-top: @GENERIC_GRID_BASE_BORDER_HIDDEN;
        border-bottom: @GENERIC_GRID_BASE_BORDER_HIDDEN;
    }

    .dx-group-panel-item {
        margin-right: @GENERIC_GRID_BASE_GROUPPANEL_ITEM_MARGIN;
        color: @datagrid-columnchooser-item-color;
        font-weight: @datagrid-columnchooser-font-weight;
        border: @datagrid-border;
        padding: @GENERIC_DATAGRID_CELL_PADDING;
    }

    .dx-block-separator {
        margin-right: @GENERIC_GRID_BASE_GROUPPANEL_ITEM_MARGIN;
        color: @datagrid-columnchooser-item-color;
        font-weight: @datagrid-columnchooser-font-weight;
        padding: @GENERIC_DATAGRID_CELL_PADDING + 1;
        background-color: @datagrid-block-separator-bg;
    }

    .dx-sort {
        color: @datagrid-menu-icon-color;
    }
}

.dx-datagrid-rowsview {
    .dx-row.dx-group-row:first-child {
        border-top: none;
    }

    .dx-row.dx-group-row {
        &:not(.dx-row-focused) {
            color: @datagrid-group-row-color;
            background-color: @datagrid-group-row-bg;
        }

        font-weight: bold;

        td {
            border-top-color: @GENERIC_GRID_BASE_BORDER_COLOR;
            border-bottom-color: @GENERIC_GRID_BASE_BORDER_COLOR;
        }
    }
}

.dx-datagrid-group-opened {
    .dx-icon(spindown);
    .dx-icon-sizing(@GENERIC_BASE_ICON_SIZE);

    color: @datagrid-spin-icon-color;
}

.dx-datagrid-group-closed {
    .dx-icon(spinright);
    .dx-icon-sizing(@GENERIC_BASE_ICON_SIZE);

    color: @datagrid-spin-icon-color;
}

.dx-datagrid-group-opened,
.dx-datagrid-group-closed {
    width: 100%;
}

.dx-row.dx-datagrid-group-footer {
    &.dx-column-lines {
        border-bottom: @datagrid-border;
    }

    & > td {
        background-color: @datagrid-summary-bg;
        border-top: @datagrid-border;
        border-left-width: 0;
        border-right-width: 0;
    }
}

.dx-rtl {
    .dx-datagrid-group-panel {
        .dx-group-panel-item,
        .dx-block-separator {
            margin-left: @GENERIC_GRID_BASE_GROUPPANEL_ITEM_MARGIN;
        }
    }
}

.dx-datagrid-filter-panel {
    .dx-icon-filter,
    .dx-datagrid-filter-panel-text,
    .dx-datagrid-filter-panel-clear-filter {
        color: @base-accent;
    }
}