devextreme/less/sources/widgets/common/validation.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/common/validation.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) "./overlay.less";

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

.dx-invalid-message {
    &.dx-overlay {
        position: relative;
    }

    &.dx-overlay-wrapper {
        width: 100%;
        visibility: hidden;
        pointer-events: none;
    }

    & > .dx-overlay-content {
        display: inline-block;
        position: relative;
        border-width: 0;
        padding: 10px;
        font-size: 0.85em;
        line-height: normal;
        word-wrap: break-word;
    }
}

.dx-state-focused.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-dropdownbox.dx-dropdowneditor-active .dx-invalid-message-auto .dx-overlay-wrapper,
.dx-invalid-message-always .dx-overlay-wrapper {
    visibility: visible;
}