devextreme/less/sources/widgets/base/treeView.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/base/treeView.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/
*/
.dx-treeview-node-loadindicator {
    left: auto;
    right: 0;
}

.dx-treeview-make-rtl(@CONTAINER_WITH_BORDER_OFFSET, @NODE_OFFSET, @ITEM_WITH_CHECKBOX_OFFSET, @CHECKBOX_OFFSET, @SELECT_ALL_TEXT_OFFSET, @SELECT_ALL_ITEM_LEFT_PADDING, @BORDER_PADDING) {
    &.dx-treeview-border-visible {
        .dx-treeview-select-all-item {
            padding-left: 0;
            padding-right: @SELECT_ALL_ITEM_LEFT_PADDING;
        }

        .dx-scrollable-content {
            > .dx-treeview-node-container {
                padding-left: @BORDER_PADDING;
                padding-right: @CONTAINER_WITH_BORDER_OFFSET;
            }
        }
    }

    .dx-treeview-node {
        padding-right: @NODE_OFFSET;
    }

    .dx-treeview-item {
        .dx-icon {
            margin-left: 5px;
        }
    }

    .dx-treeview-item-with-checkbox {
        .dx-treeview-item {
            padding-right: @ITEM_WITH_CHECKBOX_OFFSET;
        }

        .dx-checkbox {
            right: @CHECKBOX_OFFSET;
        }
    }

    .dx-treeview-select-all-item {
        padding-left: 0;
        padding-right: @CHECKBOX_OFFSET;

        .dx-checkbox-text {
            padding-left: 0;
            padding-right: @SELECT_ALL_TEXT_OFFSET;
        }
    }
}

.dx-rtl {
    .dx-treeview-node {
        .dx-checkbox {
            left: auto;
        }
    }
}