devextreme/less/sources/widgets/generic/pivotGrid.generic.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/generic/pivotGrid.generic.less)
* Version: 20.1.4
* Build date: Tue Jun 02 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/

@import (once) "../base/pivotGrid.less";
@import (once) "./popup.generic.less";
@import (once) "./contextMenu.generic.less";
@import (once) "./treeView.generic.less";
@import (once) "./button.generic.less";

.dx-pivotgrid {
    background-color: @PIVOTGRID_AREA_BACKGROUND;

    .dx-area-description-cell {
        .dx-button-content {
            padding: 5px;
        }
    }

    .dx-column-header,
    .dx-filter-header {
        .dx-pivotgrid-toolbar {
            .dx-button-content {
                padding: 5px;
            }

            .dx-button {
                margin-top: 10px;
            }
        }
    }

    .dx-expand-icon-container {
        .dx-icon(spinright);

        &:before {
            visibility: hidden;
        }
    }

    .dx-pivotgrid-collapsed .dx-expand {
        .dx-icon(spinright);
        .dx-icon-font-centered-sizing(@GENERIC_BASE_ICON_SIZE);

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

    .dx-pivotgrid-expanded .dx-expand {
        .dx-icon(spindown);
        .dx-icon-font-centered-sizing(@GENERIC_BASE_ICON_SIZE);

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

    .dx-area-tree-view {
        td.dx-white-space-column {
            width: @PIVOTGRID_EMPTY_COLUMN_WIDTH;
            min-width: @PIVOTGRID_EMPTY_COLUMN_WIDTH;
        }
    }

    .dx-ie {
        .dx-pivotgrid-fields-area {
            .dx-base-typography();
        }
    }
}

.dx-pivotgridfieldchooser {
    background-color: @PIVOTGRID_AREA_BACKGROUND;
}

.dx-pivotgrid-fields-container {
    .dx-position-indicator {
        background-color: @PIVOTGRID_POSITION_INDICATOR_COLOR;
    }
}