devextreme/less/sources/widgets/ios7/scheduler.ios7.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/ios7/scheduler.ios7.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) "../base/scheduler.less";
@import (once) "./popup.ios7.less";
@import (once) "./popover.ios7.less";
@import (once) "./tooltip.ios7.less";
@import (once) "./overlay.ios7.less";
@import (once) "./button.ios7.less";
@import (once) "./list.ios7.less";
@import (once) "./scrollable.ios7.less";
@import (once) "./loadPanel.ios7.less";
@import (once) "./form.ios7.less";
@import (once) "./dropDownMenu.ios7.less";
@import (once) "./tabs.ios7.less";
@import (once) "./calendar.ios7.less";
@import (once) "./recurrenceEditor.ios7.less";

@IOS7_SCHEDULER_HEADER_HEIGHT: 50px;
@IOS7_SCHEDULER_NAVIGATOR_HEIGHT: @IOS7_SCHEDULER_HEADER_HEIGHT * 0.5;
@IOS7_SCHEDULER_SWITCHER_LABEL_OFFSET: 60px;

@SCHEDULER_RECURRENCE_BORDER_COLOR: @IOS7_BORDER;
@SCHEDULER_RECURRENCE_REPEAT_ON_WEEK_PADDING: 7px;

.scheduler-mixin(100px);

.dx-scheduler-header {
    height: @IOS7_SCHEDULER_HEADER_HEIGHT;
    background-color: @IOS7_SCHEDULER_HEADER_BACKGROUND_COLOR;
    border: @SCHEDULER_BASE_BORDER;
    border-bottom: none;
}

.dx-scheduler-navigator {
    height: @IOS7_SCHEDULER_NAVIGATOR_HEIGHT;
    margin-top: (@IOS7_SCHEDULER_HEADER_HEIGHT - @IOS7_SCHEDULER_NAVIGATOR_HEIGHT) * 0.25;
}

.dx-scheduler-work-space {
    padding-top: @IOS7_SCHEDULER_HEADER_HEIGHT;
    margin-top: -@IOS7_SCHEDULER_HEADER_HEIGHT;
}

.dx-scheduler-view-switcher {
    background-color: @IOS7_SCHEDULER_HEADER_BACKGROUND_COLOR;
    padding: 5px 10px;
}

.dx-scheduler-view-switcher-label {
    right: @IOS7_SCHEDULER_SWITCHER_LABEL_OFFSET;
    margin-top: (@IOS7_SCHEDULER_HEADER_HEIGHT - @IOS7_SCHEDULER_NAVIGATOR_HEIGHT) * 0.5;

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

.dx-scheduler-view-switcher-reduced {
    padding: 0;

    .dx-tabs-nav-button {
        height: @IOS7_SCHEDULER_HEADER_HEIGHT;

        .dx-button-content {
            height: 100%;
        }
    }

    &.dx-tabs {
        .dx-tab {
            height: @IOS7_SCHEDULER_HEADER_HEIGHT;
        }
    }

    .dx-tabs-scrollable,
    .dx-tabs-wrapper {
        height: @IOS7_SCHEDULER_HEADER_HEIGHT;
    }
}

.dx-scheduler-all-day-title {
    top: @IOS7_SCHEDULER_HEADER_HEIGHT;
}

.dx-scheduler-work-space-day {
    &:not(.dx-scheduler-work-space-grouped) {
        .dx-scheduler-all-day-title {
            top: @IOS7_SCHEDULER_HEADER_HEIGHT + 1;
        }
    }
}

&:not(.dx-scheduler-work-space-vertical-grouped) {
    .dx-scheduler-all-day-title-mixin(@IOS7_SCHEDULER_HEADER_HEIGHT + @SCHEDULER_HEADER_PANEL_TOP_GAP);
}

.dx-scheduler-work-space-week,
.dx-scheduler-work-space-work-week {
    .dx-scheduler-all-day-title {
        top: @IOS7_SCHEDULER_HEADER_HEIGHT + 50px;
    }

    &:not(.dx-scheduler-work-space-vertical-grouped) {
        .dx-scheduler-all-day-title-mixin(@IOS7_SCHEDULER_HEADER_HEIGHT + 50px);
    }
}

.dx-scheduler-work-space-both-scrollbar {
    .dx-scheduler-all-day-title {
        background-color: @IOS7_BACKGROUND;

        &:before {
            background-color: @IOS7_BACKGROUND;
        }
    }
}