devextreme/less/sources/widgets/common/fieldset.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/common/fieldset.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/
*/
.dx-fieldset {
    margin-bottom: 20px;

    .dx-field-value {
        margin: 0;
    }

    &,
    * {
        box-sizing: border-box;
    }
}

.dx-fieldset-header:empty {
    display: none;
}

.dx-field {
    position: relative;
    padding: 0.4em;
    .dx-clearfix-mixin();
}

.dx-field-label {
    float: left;
    width: 40%;
    .dx-overflow();
}

.dx-field-value,
.dx-field-value-static {
    float: right;
}

.dx-field-value-static {
    white-space: normal;
}

.dx-field-value.dx-datebox {
    min-width: 60%;
}

.dx-field-value:not(.dx-widget) > .dx-datebox {
    min-width: 100%;
}

.dx-field-value .dx-selectbox-tag-container {
    white-space: normal;
}

.dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect.dx-widget {
    position: relative;
    width: auto;
    text-align: left;
}

.dx-rtl .dx-fieldset,
.dx-fieldset.dx-rtl {
    .dx-field-label {
        float: right;
    }

    .dx-field-value {
        float: left;
    }
}