devextreme/less/sources/widgets/material/dropDownButton.material.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/material/dropDownButton.material.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) "./buttonGroup.material.less";
@import (once) "./popup.material.less";
@import (once) "./list.material.less";

.dx-size-default() {
    @MATERIAL_TOGGLE_BUTTON_FLEX: 0 0 24px;
}
.dx-size-compact() {
    @MATERIAL_TOGGLE_BUTTON_FLEX: 0 0 20px;
}

@MATERIAL_DROPDOWNBUTTON_HORIZONTAL_PADDING: 8px;

.dx-size-dropdownbutton() {
    min-width: 0;
    height: 100%;
}

.dx-dropdownbutton-toggle {
    display: flex;
    flex: 0 0 auto;

    .dx-size-dropdownbutton();

    &.dx-button {
        .dx-rtl & {
            border-right-width: 0;
        }
    }

    .dx-button-content {
        flex: @MATERIAL_TOGGLE_BUTTON_FLEX;
    }
}

.dx-dropdownbutton-action {
    .dx-size-dropdownbutton();
}

.dx-dropdownbutton {
    height: @MATERIAL_BUTTON_HEIGHT;

    .dx-buttongroup-last-item .dx-button-content {
        padding-right: 0;

        .dx-rtl & {
            padding-left: 0;
        }
    }

    .dx-button-has-icon.dx-button-has-text,
    .dx-button-has-text {
        min-width: 0;

        .dx-button-content {
            padding-left: @MATERIAL_DROPDOWNBUTTON_HORIZONTAL_PADDING;
            padding-right: 2px;

            .dx-icon.dx-icon-right.dx-icon-spindown {
                .dx-icon-sizing(@MATERIAL_BUTTON_ICON_SIZE);

                margin-left: 0;
            }

            .dx-rtl & {
                padding-left: 2px;
                padding-right: @MATERIAL_DROPDOWNBUTTON_HORIZONTAL_PADDING;
            }
        }
    }

    &:not(.dx-dropdownbutton-has-arrow) {
        .dx-button.dx-button-has-text {
            .dx-button-content {
                padding-left: @MATERIAL_DROPDOWNBUTTON_HORIZONTAL_PADDING;
                padding-right: @MATERIAL_DROPDOWNBUTTON_HORIZONTAL_PADDING;
            }
        }
    }
}

.dx-dropdownbutton-popup-wrapper {
    .dx-dropdownlist-list-appearance();
}