devextreme/less/sources/widgets/common/lookup.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/common/lookup.less)
* Version: 19.2.6
* Build date: Thu Jan 30 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@import (once) "./dropDownList.less";
@import (once) "./popover.less";
@import (once) "./textBox.less";

.dx-lookup {
    margin: 0;
    height: 19px;

    .dx-popup-content {
        .dx-scrollable {
            height: calc(100% - 45px);
        }
    }

    .dx-lookup-field-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
    }

    &:not(.dx-rtl) {
        .dx-lookup-field-wrapper:before {
            display: inline-block;
            height: 100%;
            content: '';
            vertical-align: middle;
        }
    }

    .dx-rtl {
        .dx-lookup-field-wrapper:after {
            display: inline-block;
            height: 100%;
            content: '';
            vertical-align: middle;
        }
    }
}

.dx-lookup-field {
    outline: none;
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    .dx-overflow();

    &:before {
        content: ".";
        color: transparent;
        display: inline-block;
        width: 0;
        float: left;
    }
}

.dx-lookup-arrow {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    height: 100%;

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

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

.dx-lookup-popup-wrapper {
    .dx-list-item {
        cursor: pointer;
    }
}

.dx-lookup-popup-search {
    .dx-list {
        height: 90%;
    }
}

.dx-lookup-search-wrapper {
    width: 100%;
}