devextreme/less/sources/widgets/common/dropDownEditor.less

HTML5 JavaScript Component Suite for Responsive Web Development

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

.dx-dropdowneditor {
    position: relative;

    &.dx-dropdowneditor-field-clickable {
        cursor: pointer;
    }
}

.dx-dropdowneditor-input-wrapper {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    height: 100%;
    display: flex;

    .dx-texteditor {
        border: none;
        margin: 0;
        display: flex;
        flex-grow: 1;
    }

    .dx-texteditor-input {
        text-overflow: ellipsis;

        &::-ms-clear {
            width: 0;
            height: 0;
        }
    }
}

.dx-dropdowneditor-field-template-wrapper {
    .dx-editor-content-wrapper();

    > * {
        flex-grow: 1;
    }
}

.dx-dropdowneditor-active {
    .dx-dropdowneditor-icon {
        opacity: 0.35;
    }
}

.dx-dropdowneditor-button {
    position: relative;
    float: right;
    height: 100%;
    cursor: pointer;

    .dx-button-content {
        text-align: center;
        white-space: nowrap;
    }

    .dx-rtl&,
    .dx-rtl & {
        float: left;
    }
}

.dx-dropdowneditor-button.dx-dropdowneditor-readonly {
    cursor: default;
}

.dx-dropdowneditor-icon {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.dx-state-disabled {
    .dx-dropdowneditor,
    &.dx-dropdowneditor {
        cursor: default;
    }

    .dx-dropdowneditor-button {
        cursor: inherit;
    }

    .dx-dropdowneditor-icon {
        opacity: 0.2;
    }
}