devextreme/less/sources/widgets/material/recurrenceEditor.material.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/material/recurrenceEditor.material.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) "../base/recurrenceEditor.less";
@import (once) "./checkBox.material.less";
@import (once) "./radioGroup.material.less";
@import (once) "./numberBox.material.less";
@import (once) "./selectBox.material.less";
@import (once) "./dateBox.material.less";

@MATERIAL_RECURRENCE_NUMBER_BOX_MARGIN_RIGHT: 11px;

.dx-recurrence-editor-container {
    position: relative;

    .dx-recurrence-interval-field {
        padding-top: 10px;
    }

    .dx-recurrence-numberbox-interval {
        margin-right: @MATERIAL_RECURRENCE_NUMBER_BOX_MARGIN_RIGHT;
    }

    .dx-field {
        display: 'block';
        margin-bottom: 10px;
    }

    .dx-field-label {
        padding: 16px 0 3px;
    }
}

.dx-recurrence-button-group {
    .dx-button-content {
        padding: 6px;
    }

    .dx-buttongroup-wrapper > div {
        min-width: 0;
    }
}

.dx-scheduler-recurrence-rule-item.dx-field-item {
    .dx-recurrence-radiogroup-repeat-type {
        top: 10px;
    }

    .dx-recurrence-repeat-end-container {
        margin: 0;
    }

    .dx-recurrence-repeat-on {
        margin-bottom: 10px;
    }

    .dx-recurrence-repeat-end-container-label,
    .dx-recurrence-repeat-end-container {
        padding-top: 0;
        line-height: 38px;
    }

    .dx-recurrence-datebox-until-date {
        margin-left: 23px;
    }

    .dx-recurrence-numberbox-repeat-count {
        margin-left: 11px;
        margin-right: @MATERIAL_RECURRENCE_NUMBER_BOX_MARGIN_RIGHT;
    }
}