devextreme/less/sources/widgets/common/dropDownButton.less

HTML5 JavaScript Component Suite for Responsive Web Development

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

@DROPDOWNBUTTON_HORIZONTAL_PADDING: 5px;

.dx-dropdownbutton {
    display: inline-block;
}

.dx-dropdownbutton-content {
    &.dx-popup-content {
        padding: 0;
    }

    & .dx-list .dx-empty-message,
    & .dx-list .dx-list-item {
        border: none;
    }
}

.dx-dropdownbutton-toggle {
    &.dx-button .dx-button-content {
        padding-left: 0;
        padding-right: 0;
    }

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

.dx-dropdownbutton-action {
    &.dx-button .dx-button-content {
        padding-left: 10px;
        padding-right: 4px;

        .dx-rtl & {
            padding-left: 4px;
            padding-right: 10px;
        }
    }
}

.dx-dropdownbutton-action.dx-buttongroup-last-item {
    &.dx-button .dx-button-content {
        padding-left: @DROPDOWNBUTTON_HORIZONTAL_PADDING * 2;
        padding-right: 0;

        .dx-rtl & {
            padding-left: 0;
            padding-right: @DROPDOWNBUTTON_HORIZONTAL_PADDING * 2;
        }
    }
}

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

    .dx-button-has-text.dx-button {
        .dx-button-content {
            padding-left: @DROPDOWNBUTTON_HORIZONTAL_PADDING * 2;
            padding-right: @DROPDOWNBUTTON_HORIZONTAL_PADDING * 2;
        }
    }
}

.dx-dropdownbutton-action:not(.dx-buttongroup-last-item) {
    &.dx-button {
        border-right-width: 0;
        border-left-width: 1px;

        .dx-rtl & {
            border-right-width: 1px;
            border-left-width: 0;
        }
    }
}