devextreme/less/sources/widgets/common/menu.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/common/menu.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) "./menuBase.less";
@import (once) "./overlay.less";
@import (once) "./button.less";
@import (once) "./treeView.less";

.dx-menu {
    position: relative;
}

.dx-menu-horizontal {
    .vertical-middle();

    .dx-menu-item-wrapper {
        display: inline-block;
    }

    .dx-menu-separator {
        display: inline-block;
        margin: 0 15px 0 0;
    }
}

.dx-menu-vertical {
    .vertical-middle();

    .dx-menu-item-wrapper {
        display: block;
    }

    .dx-menu-separator {
        margin: 0 0 15px 0;
    }
}

.dx-rtl.dx-menu {
    text-align: right;
}

.dx-context-menu-container-border {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.dx-context-menu-content-delimiter {
    position: absolute;
    display: none;
    z-index: 2000;
    cursor: pointer;
}

.dx-menu-adaptive-mode {
    .dx-treeview-toggle-item-visibility {
        left: auto;
        right: 0;

        .dx-rtl&,
        .dx-rtl & {
            left: 0;
            right: auto;
        }
    }

    .dx-treeview-item {
        cursor: pointer;
    }

    .dx-treeview-node-container:first-child > .dx-treeview-node {
        padding: 1px;

        .dx-item-content {
            padding-left: 15px;

            .dx-rtl&,
            .dx-rtl & {
                padding-right: 15px;
            }
        }

        &:last-child {
            border-bottom: none;
        }
    }
}

.dx-menu-adaptive-mode-overlay-wrapper {
    .flex-container(row);

    .dx-overlay-content {
        display: flex;

        .dx-treeview {
            height: auto;
            flex: 1 1 auto;
        }
    }
}