@syncfusion/ej2-schedule 19.3.55 → 19.4.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/PULL_REQUEST_TEMPLATE/Bug.md +63 -0
- package/.github/PULL_REQUEST_TEMPLATE/Feature.md +39 -0
- package/CHANGELOG.md +50 -1
- package/dist/ej2-schedule.umd.min.js +2 -2
- package/dist/ej2-schedule.umd.min.js.map +1 -1
- package/dist/es6/ej2-schedule.es2015.js +489 -145
- package/dist/es6/ej2-schedule.es2015.js.map +1 -1
- package/dist/es6/ej2-schedule.es5.js +493 -152
- package/dist/es6/ej2-schedule.es5.js.map +1 -1
- package/dist/global/ej2-schedule.min.js +2 -2
- package/dist/global/ej2-schedule.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +15 -15
- package/src/recurrence-editor/recurrence-editor.js +2 -2
- package/src/schedule/actions/drag.js +12 -4
- package/src/schedule/actions/keyboard.d.ts +7 -0
- package/src/schedule/actions/keyboard.js +197 -28
- package/src/schedule/actions/resize.js +44 -37
- package/src/schedule/base/css-constant.d.ts +6 -0
- package/src/schedule/base/css-constant.js +6 -0
- package/src/schedule/base/interface.d.ts +12 -0
- package/src/schedule/base/resource.js +1 -0
- package/src/schedule/base/schedule-model.d.ts +89 -20
- package/src/schedule/base/schedule.d.ts +88 -19
- package/src/schedule/base/schedule.js +15 -4
- package/src/schedule/base/util.d.ts +1 -0
- package/src/schedule/base/util.js +1 -0
- package/src/schedule/event-renderer/event-base.d.ts +2 -1
- package/src/schedule/event-renderer/event-base.js +19 -4
- package/src/schedule/event-renderer/inline-edit.js +8 -5
- package/src/schedule/event-renderer/month.js +3 -2
- package/src/schedule/event-renderer/timeline-view.js +4 -0
- package/src/schedule/event-renderer/vertical-view.js +9 -6
- package/src/schedule/event-renderer/year.js +1 -1
- package/src/schedule/exports/excel-export.d.ts +2 -1
- package/src/schedule/exports/excel-export.js +21 -18
- package/src/schedule/models/event-settings-model.d.ts +17 -9
- package/src/schedule/models/event-settings.d.ts +15 -8
- package/src/schedule/models/event-settings.js +6 -3
- package/src/schedule/models/views-model.d.ts +19 -0
- package/src/schedule/models/views.d.ts +17 -0
- package/src/schedule/models/views.js +6 -0
- package/src/schedule/popups/quick-popups.js +3 -0
- package/src/schedule/renderer/agenda.js +2 -1
- package/src/schedule/renderer/header-renderer.d.ts +1 -0
- package/src/schedule/renderer/header-renderer.js +23 -8
- package/src/schedule/renderer/month.d.ts +4 -0
- package/src/schedule/renderer/month.js +69 -19
- package/src/schedule/renderer/renderer.js +6 -1
- package/src/schedule/renderer/timeline-year.js +4 -1
- package/src/schedule/renderer/view-base.js +12 -1
- package/src/schedule/renderer/year.d.ts +2 -2
- package/src/schedule/renderer/year.js +24 -6
- package/styles/bootstrap-dark.css +108 -27
- package/styles/bootstrap.css +105 -27
- package/styles/bootstrap4.css +117 -62
- package/styles/bootstrap5-dark.css +118 -67
- package/styles/bootstrap5.css +118 -67
- package/styles/fabric-dark.css +108 -26
- package/styles/fabric.css +109 -26
- package/styles/highcontrast-light.css +104 -26
- package/styles/highcontrast.css +109 -28
- package/styles/material-dark.css +110 -32
- package/styles/material.css +103 -25
- package/styles/recurrence-editor/_bootstrap-dark-definition.scss +7 -0
- package/styles/recurrence-editor/_bootstrap-definition.scss +7 -0
- package/styles/recurrence-editor/_bootstrap4-definition.scss +7 -0
- package/styles/recurrence-editor/_bootstrap5-definition.scss +7 -0
- package/styles/recurrence-editor/_fabric-dark-definition.scss +8 -0
- package/styles/recurrence-editor/_fabric-definition.scss +7 -0
- package/styles/recurrence-editor/_fluent-definition.scss +15 -0
- package/styles/recurrence-editor/_highcontrast-definition.scss +7 -0
- package/styles/recurrence-editor/_highcontrast-light-definition.scss +7 -0
- package/styles/recurrence-editor/_layout.scss +20 -4
- package/styles/recurrence-editor/_material-dark-definition.scss +7 -0
- package/styles/recurrence-editor/_material-definition.scss +7 -0
- package/styles/recurrence-editor/_tailwind-definition.scss +15 -8
- package/styles/recurrence-editor/bootstrap-dark.css +20 -4
- package/styles/recurrence-editor/bootstrap.css +20 -4
- package/styles/recurrence-editor/bootstrap4.css +20 -4
- package/styles/recurrence-editor/bootstrap5-dark.css +20 -4
- package/styles/recurrence-editor/bootstrap5.css +20 -4
- package/styles/recurrence-editor/fabric-dark.css +20 -4
- package/styles/recurrence-editor/fabric.css +20 -4
- package/styles/recurrence-editor/highcontrast-light.css +20 -4
- package/styles/recurrence-editor/highcontrast.css +20 -4
- package/styles/recurrence-editor/material-dark.css +20 -4
- package/styles/recurrence-editor/material.css +20 -4
- package/styles/recurrence-editor/tailwind-dark.css +20 -4
- package/styles/recurrence-editor/tailwind.css +20 -4
- package/styles/schedule/_bootstrap-dark-definition.scss +22 -1
- package/styles/schedule/_bootstrap-definition.scss +22 -1
- package/styles/schedule/_bootstrap4-definition.scss +23 -1
- package/styles/schedule/_bootstrap5-definition.scss +145 -119
- package/styles/schedule/_fabric-dark-definition.scss +22 -1
- package/styles/schedule/_fabric-definition.scss +22 -1
- package/styles/schedule/_fluent-definition.scss +218 -0
- package/styles/schedule/_highcontrast-definition.scss +22 -1
- package/styles/schedule/_highcontrast-light-definition.scss +22 -1
- package/styles/schedule/_layout.scss +95 -158
- package/styles/schedule/_material-dark-definition.scss +22 -1
- package/styles/schedule/_material-definition.scss +21 -0
- package/styles/schedule/_tailwind-definition.scss +216 -195
- package/styles/schedule/_theme.scss +1 -1
- package/styles/schedule/bootstrap-dark.css +88 -23
- package/styles/schedule/bootstrap.css +85 -23
- package/styles/schedule/bootstrap4.css +97 -58
- package/styles/schedule/bootstrap5-dark.css +98 -63
- package/styles/schedule/bootstrap5.css +98 -63
- package/styles/schedule/fabric-dark.css +88 -22
- package/styles/schedule/fabric.css +89 -22
- package/styles/schedule/highcontrast-light.css +84 -22
- package/styles/schedule/highcontrast.css +89 -24
- package/styles/schedule/icons/_fluent.scss +231 -0
- package/styles/schedule/icons/_tailwind.scss +231 -231
- package/styles/schedule/material-dark.css +90 -28
- package/styles/schedule/material.css +83 -21
- package/styles/schedule/tailwind-dark.css +94 -52
- package/styles/schedule/tailwind.css +94 -52
- package/styles/tailwind-dark.css +114 -56
- package/styles/tailwind.css +114 -56
|
@@ -20,6 +20,7 @@ $schedule-hover-font-color: $neutral-light-font !default;
|
|
|
20
20
|
$schedule-active-border-color: $theme-primary !default;
|
|
21
21
|
$schedule-active-font-color: $theme-primary !default;
|
|
22
22
|
$schedule-active-color: $theme-primary-font !default;
|
|
23
|
+
$schedule-current-day-active-color: $schedule-active-color !default;
|
|
23
24
|
|
|
24
25
|
$schedule-alternate-cell-border: dotted !default;
|
|
25
26
|
$schedule-header-cells-height: 60px !default;
|
|
@@ -27,6 +28,7 @@ $schedule-header-cells-padding: 5px !default;
|
|
|
27
28
|
$schedule-header-cells-width: 36px !default;
|
|
28
29
|
$schedule-month-header-cells-nrml-height: 30px !default;
|
|
29
30
|
$schedule-month-header-cells-bgr-height: 35px !default;
|
|
31
|
+
$schedule-month-header-cells-padding: 3px !default;
|
|
30
32
|
$schedule-allday-cells-height: 0 !default;
|
|
31
33
|
$schedule-work-cells-height: 36px !default;
|
|
32
34
|
$schedule-work-cells-width: 36px !default;
|
|
@@ -71,6 +73,7 @@ $schedule-time-scale-device-font-size: 11px !default;
|
|
|
71
73
|
$schedule-current-time-nrml-font-size: 12px !default;
|
|
72
74
|
$schedule-current-time-bgr-font-size: 13px !default;
|
|
73
75
|
$schedule-current-time-bgr-device-font-size: 9px !default;
|
|
76
|
+
$schedule-popup-header-icon-font-size: 11px !default;
|
|
74
77
|
$schedule-time-scale-width: 85px !default;
|
|
75
78
|
$schedule-device-time-scale-width: 35px !default;
|
|
76
79
|
|
|
@@ -88,6 +91,8 @@ $schedule-agenda-date-header-padding: 10px 32px 0 16px !default;
|
|
|
88
91
|
$schedule-recurrence-font-size: 9px !default;
|
|
89
92
|
$schedule-agenda-item-padding: 10px 0 !default;
|
|
90
93
|
$schedule-agenda-appointment-padding: 0 8px !default;
|
|
94
|
+
$schedule-month-agenda-appointment-padding: 0 8px !default;
|
|
95
|
+
$schedule-month-agenda-item-padding: 10px 0 !default;
|
|
91
96
|
$schedule-popup-content-padding: 38px 18px 12px !default;
|
|
92
97
|
$schedule-popup-footer-padding: 8px 18px 8px 22px !default;
|
|
93
98
|
$schedule-date-header-line-height: 20px !default;
|
|
@@ -117,7 +122,7 @@ $schedule-tbar-separator-bgr-mrgn: 7.5px 3px !default;
|
|
|
117
122
|
$schedule-tbar-separator-bgr-minheight: 27px !default;
|
|
118
123
|
$schedule-tbar-btn-icon-bgr-width: 24px !default;
|
|
119
124
|
$schedule-tbar-btn-bgr-mrgn: 4px 0 !default;
|
|
120
|
-
$schedule-tbar-btn-bgr-minheight:
|
|
125
|
+
$schedule-tbar-btn-bgr-minheight: 50px !default;
|
|
121
126
|
$schedule-tbar-btn-bgr-minwidth: 34px !default;
|
|
122
127
|
$schedule-tbar-btn-bgr-padding: 0 1.5px !default;
|
|
123
128
|
$schedule-tbar-btn-icn-bgr-padding: 0 !default;
|
|
@@ -125,6 +130,7 @@ $schedule-tbar-btn-icn-right-bgr-padding: 3px 12px 0 0 !default;
|
|
|
125
130
|
|
|
126
131
|
$schedule-content-nrml-font-text-transform: initial !default;
|
|
127
132
|
$schedule-header-hover-border-radius: 0% !default;
|
|
133
|
+
$schedule-more-popup-wrapper-border-radius: 2px !default;
|
|
128
134
|
$schedule-box-shadow: 0 1px 0 rgba($shadow, .15) !default;
|
|
129
135
|
$schedule-popup-box-shadow-1: 0 24px 38px 3px rgba($shadow, .14) !default;
|
|
130
136
|
$schedule-popup-box-shadow-2: 0 9px 46px 8px rgba($shadow, .12) !default;
|
|
@@ -142,13 +148,18 @@ $schedule-event-popup-content-padding: 0 18px 16px 26px !default;
|
|
|
142
148
|
$schedule-event-popup-fields-padding: 12px !default;
|
|
143
149
|
$schedule-popup-title-color: rgba($color: $schedule-appointment-bg-color, $alpha: .3) !default;
|
|
144
150
|
$schedule-popup-btn-border: none !default;
|
|
151
|
+
$schedule-alert-dialog-border: none !default;
|
|
145
152
|
$schedule-btn-txt-bgr-padding: 5px 12px !default;
|
|
146
153
|
$schedule-icon-color: $theme-light-font !default;
|
|
154
|
+
$schedule-popup-header-icon-focus-bg-color: $schedule-popup-icon-hover-bg-color !default;
|
|
155
|
+
$schedule-popup-header-icon-focus-color: $schedule-popup-icon-hover-color !default;
|
|
147
156
|
|
|
148
157
|
$schedule-event-box-shadow-1: 0 6px 10px 0 rgba($shadow, .14) !default;
|
|
149
158
|
$schedule-event-box-shadow-2: 0 1px 18px 0 rgba($shadow, .12) !default;
|
|
150
159
|
$schedule-event-box-shadow-3: 0 3px 5px -1px rgba($shadow, .2) !default;
|
|
151
160
|
$schedule-more-indicator-shadow-color: $shadow-color !default;
|
|
161
|
+
$schedule-more-indicator-shadow-color-res-tree-popup: 0 3px 4px .2px $schedule-more-indicator-shadow-color !default;
|
|
162
|
+
$schedule-more-indicator-shadow-color-more-popup: 0 10px 10px 0 $schedule-more-indicator-shadow-color !default;
|
|
152
163
|
$schedule-more-indicator-nrml-font-size: 11px !default;
|
|
153
164
|
$schedule-more-popup-close-margin-top: 3px !default;
|
|
154
165
|
$schedule-more-popup-padding: 8px 0 !default;
|
|
@@ -166,6 +177,16 @@ $schedule-timeline-resources-width: 200px !default;
|
|
|
166
177
|
$schedule-timeline-appointment-height: 38px !default;
|
|
167
178
|
$schedule-timeline-year-work-cells-height: 75px !default;
|
|
168
179
|
$schedule-timeline-year-work-cells-width: 100px !default;
|
|
180
|
+
$schedule-timeline-year-resource-text-padding: 4px 15px !default;
|
|
181
|
+
$schedule-timeline-year-resource-cells-padding-left: 15px !default;
|
|
182
|
+
$schedule-timeline-year-left-indent-padding: 0 !default;
|
|
183
|
+
$schedule-timeline-date-header-wrap-padding: 5px !default;
|
|
184
|
+
$schedule-dialog-row-continer-padding-bottom: 12px !default;
|
|
185
|
+
$schedule-dialog-all-day-row-padding-top: 8px !default;
|
|
186
|
+
$schedule-dialog-all-day-row-padding-bottom: 14px !default;
|
|
187
|
+
$schedule-bigger-dialog-row-continer-padding-bottom: 12px !default;
|
|
188
|
+
$schedule-bigger-dialog-all-day-row-padding-top: 10px !default;
|
|
189
|
+
$schedule-device-dialog-all-day-row-padding-top: 20px !default;
|
|
169
190
|
|
|
170
191
|
$schedule-tree-bg-color: $content-bg-color !default;
|
|
171
192
|
$schedule-popup-overlay-bg-color: #383838 !default;
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
/*! Schedule component's bootstrap5 theme definitions and variables */
|
|
2
|
+
$schedule-skin: $skin-name !default;
|
|
3
|
+
|
|
4
|
+
$schedule-header-bg-color: $content-bg-color !default;
|
|
5
|
+
$schedule-header-border-color: $border-light !default;
|
|
6
|
+
$schedule-header-font-color: $content-text-color-alt1 !default;
|
|
7
|
+
$schedule-header-hover-color: $content-bg-color-alt3 !default;
|
|
8
|
+
$schedule-content-bg-color: $content-bg-color !default;
|
|
9
|
+
$schedule-content-border-color: $border-light !default;
|
|
10
|
+
$schedule-primary-content-font-color: $content-text-color !default;
|
|
11
|
+
$schedule-secondary-content-font-color: $content-text-color-alt3 !default;
|
|
12
|
+
$schedule-select-font-color: $content-text-color !default;
|
|
13
|
+
$schedule-select-bg-color: $content-bg-color-selected !default;
|
|
14
|
+
$schedule-work-cells-bg-color: $content-bg-color-alt1 !default;
|
|
15
|
+
$schedule-current-date-bg-color: $primary !default;
|
|
16
|
+
$schedule-disable-dates-color: $content-bg-color-alt2 !default;
|
|
17
|
+
$schedule-disable-font-color: $content-text-color-disabled !default;
|
|
18
|
+
$schedule-workhour-bg-color: $content-bg-color !default;
|
|
19
|
+
$schedule-hover-bg-color: $content-bg-color-hover !default;
|
|
20
|
+
$schedule-hover-font-color: $content-text-color-hover !default;
|
|
21
|
+
$schedule-active-color: $content-bg-color !default;
|
|
22
|
+
$schedule-current-day-active-color: $schedule-active-color !default;
|
|
23
|
+
$schedule-active-border-color: $primary !default;
|
|
24
|
+
$schedule-active-font-color: $primary !default;
|
|
25
|
+
$schedule-calendar-background: $flyout-bg-color !default;
|
|
26
|
+
$border-size: 1px;
|
|
27
|
+
$border-type: solid !default;
|
|
28
|
+
|
|
29
|
+
$schedule-alternate-cell-border: dotted !default;
|
|
30
|
+
$schedule-header-cells-padding: 8px 8px 0 !default;
|
|
31
|
+
$schedule-header-cells-height: 60px !default;
|
|
32
|
+
$schedule-header-cells-width: 36px !default;
|
|
33
|
+
$schedule-month-header-cells-nrml-height: 34px !default;
|
|
34
|
+
$schedule-month-header-cells-bgr-height: 38px !default;
|
|
35
|
+
$schedule-month-header-cells-padding: 3px !default;
|
|
36
|
+
$schedule-allday-cells-height: 0 !default;
|
|
37
|
+
$schedule-work-cells-height: 36px !default;
|
|
38
|
+
$schedule-work-cells-width: 36px !default;
|
|
39
|
+
$schedule-date-navigation-font-size: $text-lg !default;
|
|
40
|
+
$schedule-header-nrml-font-size: $text-sm !default;
|
|
41
|
+
$schedule-header-bgr-font-size: $text-base !default;
|
|
42
|
+
$schedule-header-device-font-size: $text-base !default;
|
|
43
|
+
$schedule-content-nrml-font-size: $text-sm !default;
|
|
44
|
+
$schedule-content-bgr-font-size: $text-base !default;
|
|
45
|
+
$schedule-content-device-font-size: 14px !default;
|
|
46
|
+
$schedule-date-month-header-wrap-bgr-font-size: $text-base !default;
|
|
47
|
+
$schedule-date-header-wrap-nrml-font-size: $text-sm !default;
|
|
48
|
+
$schedule-date-header-wrap-bgr-font-size: $text-base !default;
|
|
49
|
+
$schedule-date-header-wrap-device-font-size: $text-base !default;
|
|
50
|
+
$schedule-popup-footer-padding: 8px 18px 8px 18px !default;
|
|
51
|
+
$schedule-date-header-line-height: 22px !default;
|
|
52
|
+
$schedule-date-header-margin: 3px 3px 2px !default;
|
|
53
|
+
|
|
54
|
+
$schedule-timezone-enable-nrml-height: 56px !default;
|
|
55
|
+
$schedule-timezone-enable-bgr-height: 64px !default;
|
|
56
|
+
$schedule-appointment-details-padding: 0 4px !default;
|
|
57
|
+
$schedule-appointment-bg-color: $primary !default;
|
|
58
|
+
$schedule-appointment-font-color: $primary-text-color !default;
|
|
59
|
+
$schedule-appointment-border-color: $border-light !default;
|
|
60
|
+
$schedule-appointment-selected-border: 1px solid rgba($border-light, .5) !default;
|
|
61
|
+
$schedule-appointment-border-radius: 2px !default;
|
|
62
|
+
$schedule-appointment-active-border-color: $icon-color !default;
|
|
63
|
+
$schedule-month-agenda-app-indicator-color: $primary !default;
|
|
64
|
+
$schedule-month-appointment-height: 26px !default;
|
|
65
|
+
$schedule-month-appointment-text-line-height: 18px !default;
|
|
66
|
+
$schedule-appointment-text-line-height: 18px !default;
|
|
67
|
+
$schedule-month-appointment-time-padding: 1.5px !default;
|
|
68
|
+
$schedule-month-appointment-subject-padding: 1px 2px !default;
|
|
69
|
+
$schedule-timescale-appointment-height: 54px !default;
|
|
70
|
+
|
|
71
|
+
$schedule-header-day-nrml-font-size: $text-xs !default;
|
|
72
|
+
$schedule-header-day-bgr-font-size: $text-sm !default;
|
|
73
|
+
$schedule-header-day-device-font-size: $text-sm !default;
|
|
74
|
+
$schedule-header-date-device-font-size: $text-lg !default;
|
|
75
|
+
$schedule-header-date-nrml-font-size: $text-base !default;
|
|
76
|
+
$schedule-header-date-bgr-font-size: $text-lg !default;
|
|
77
|
+
$schedule-time-scale-nrml-font-size: $text-xs !default;
|
|
78
|
+
$schedule-time-scale-bgr-font-size: $text-sm !default;
|
|
79
|
+
$schedule-time-scale-device-font-size: 11px !default;
|
|
80
|
+
$schedule-current-time-nrml-font-size: $text-xxs !default;
|
|
81
|
+
$schedule-current-time-bgr-font-size: $text-xs !default;
|
|
82
|
+
$schedule-current-time-bgr-device-font-size: $text-xs !default;
|
|
83
|
+
$schedule-time-scale-width: 85px !default;
|
|
84
|
+
$schedule-device-time-scale-width: 35px !default;
|
|
85
|
+
|
|
86
|
+
$schedule-vertical-time-slot-color: $content-bg-color-alt2 !default;
|
|
87
|
+
$schedule-vertical-work-cells-border: 0 0 1px 1px !default;
|
|
88
|
+
$schedule-rtl-vertical-work-cells-border: 0 1px 1px 0 !default;
|
|
89
|
+
$schedule-month-work-cells-border: 0 0 1px 1px !default;
|
|
90
|
+
$schedule-month-work-cells-height: 80px !default;
|
|
91
|
+
$schedule-rtl-month-work-cells-border: 0 1px 1px 0 !default;
|
|
92
|
+
$schedule-month-agenda-header-cells-border: 0 0 1px 0 !default;
|
|
93
|
+
$schedule-month-agenda-work-cells-border: 0 !default;
|
|
94
|
+
$schedule-rtl-month-agenda-work-cells-border: 0 !default;
|
|
95
|
+
$schedule-month-agenda-border: 2px solid $schedule-content-border-color !default;
|
|
96
|
+
$schedule-agenda-color: $content-bg-color !default;
|
|
97
|
+
$schedule-agenda-date-header-padding: 8px 34px 14px 18px !default;
|
|
98
|
+
$schedule-agenda-item-padding: 10px 0 !default;
|
|
99
|
+
$schedule-agenda-appointment-padding: 0 12px !default;
|
|
100
|
+
$schedule-month-agenda-appointment-padding: 0 8px !default;
|
|
101
|
+
$schedule-month-agenda-item-padding: 10px 0 !default;
|
|
102
|
+
$schedule-popup-content-padding: 40px 18px 12px !default;
|
|
103
|
+
$schedule-recurrence-font-size: 11px !default;
|
|
104
|
+
|
|
105
|
+
$schedule-tbar-bgr-color: $secondary-bg-color-focus !default;
|
|
106
|
+
$schedule-tbar-bgr-min-height: 54px !default;
|
|
107
|
+
$schedule-tbar-border-bottom-size: 0 !default;
|
|
108
|
+
$schedule-tbar-box-shadow: 0 1px 2px rgba($black, .15) !default;
|
|
109
|
+
$schedule-tbar-box-shadow-bottom-margin: 3px !default;
|
|
110
|
+
$schedule-tbar-min-height: 38px !default;
|
|
111
|
+
$schedule-tbar-down-arrow-font-size: $text-lg !default;
|
|
112
|
+
$schedule-tbar-down-arrow-padding-top: 0 !default;
|
|
113
|
+
$schedule-tbar-default-icon-color: $icon-color !default;
|
|
114
|
+
$schedule-tbar-separator-size: $border-size !default;
|
|
115
|
+
$schedule-tbar-default-bg: $content-bg-color !default;
|
|
116
|
+
$schedule-tbar-separator-border: $border-light !default;
|
|
117
|
+
$schedule-tbar-border-nav: $border-light !default;
|
|
118
|
+
$schedule-tbar-border-nav-type: solid !default;
|
|
119
|
+
$schedule-tbar-hover-bg: $content-bg-color-alt3 !default;
|
|
120
|
+
$schedule-tbar-hover-font: rgba($primary, .87) !default;
|
|
121
|
+
$schedule-tbar-nav-bgr-width: 32px !default;
|
|
122
|
+
$schedule-tbar-bgr-item-size: 34px !default;
|
|
123
|
+
$schedule-tbar-bgr-size: $schedule-tbar-bgr-min-height !default;
|
|
124
|
+
$schedule-tbar-bgr-items-size: $schedule-tbar-bgr-min-height !default;
|
|
125
|
+
$schedule-tbar-separator-bgr-height: calc(100% - 15px) !default;
|
|
126
|
+
$schedule-tbar-separator-bgr-mrgn: 7.5px 3px !default;
|
|
127
|
+
$schedule-tbar-separator-bgr-minheight: 38px !default;
|
|
128
|
+
$schedule-tbar-btn-icon-bgr-width: 24px !default;
|
|
129
|
+
$schedule-tbar-btn-bgr-mrgn: 4px 0 !default;
|
|
130
|
+
$schedule-tbar-btn-bgr-minheight: 24px !default;
|
|
131
|
+
$schedule-tbar-btn-bgr-minwidth: 24px !default;
|
|
132
|
+
$schedule-tbar-btn-bgr-padding: 8px !default;
|
|
133
|
+
$schedule-tbar-btn-icn-bgr-padding: 0 !default;
|
|
134
|
+
$schedule-tbar-btn-icn-right-bgr-padding: 4px 0 0 12px !default;
|
|
135
|
+
|
|
136
|
+
$schedule-content-nrml-font-text-transform: none !default;
|
|
137
|
+
$schedule-header-hover-border-radius: 4px !default;
|
|
138
|
+
$schedule-more-popup-wrapper-border-radius: 2px !default;
|
|
139
|
+
$schedule-box-shadow: 0 1px 0 rgba($black, .15) !default;
|
|
140
|
+
$schedule-popup-box-shadow-1: $shadow-xl !default;
|
|
141
|
+
$schedule-popup-box-shadow-2: $shadow-none !default;
|
|
142
|
+
$schedule-popup-box-shadow-3: $shadow-none !default;
|
|
143
|
+
$schedule-popup-border-color: $border-light !default;
|
|
144
|
+
$schedule-popup-bg-color: $flyout-bg-color !default;
|
|
145
|
+
$schedule-popup-header-icon-color: $icon-color !default;
|
|
146
|
+
$schedule-popup-header-icon-hover-color: $primary !default;
|
|
147
|
+
$schedule-popup-header-icon-hover-bg-color: rgba(255, 255, 255, .15) !default;
|
|
148
|
+
$schedule-popup-icon-color: $schedule-appointment-active-border-color !default;
|
|
149
|
+
$schedule-popup-icon-hover-color: $schedule-appointment-active-border-color !default;
|
|
150
|
+
$schedule-popup-icon-hover-bg-color: $content-bg-color-alt2 !default;
|
|
151
|
+
$schedule-popup-content-icon-color: $schedule-secondary-content-font-color !default;
|
|
152
|
+
$schedule-event-popup-content-padding: 0 18px 12px !default;
|
|
153
|
+
$schedule-event-popup-fields-padding: 12px !default;
|
|
154
|
+
$schedule-popup-title-color: rgba($color: $schedule-appointment-bg-color, $alpha: .3) !default;
|
|
155
|
+
$schedule-popup-btn-border: none !default;
|
|
156
|
+
$schedule-alert-dialog-border: none !default;
|
|
157
|
+
$schedule-btn-txt-bgr-padding: 5px 12px !default;
|
|
158
|
+
$schedule-icon-color: $icon-color !default;
|
|
159
|
+
$schedule-popup-header-icon-focus-bg-color: $schedule-popup-icon-hover-bg-color !default;
|
|
160
|
+
$schedule-popup-header-icon-focus-color: $schedule-popup-icon-hover-color !default;
|
|
161
|
+
|
|
162
|
+
$schedule-event-box-shadow-1: $shadow-xl !default;
|
|
163
|
+
$schedule-event-box-shadow-2: $shadow-md !default;
|
|
164
|
+
$schedule-event-box-shadow-3: $shadow-md !default;
|
|
165
|
+
$schedule-more-indicator-shadow-color: $shadow !default;
|
|
166
|
+
$schedule-more-indicator-shadow-color-res-tree-popup: 0 3px 4px .2px $schedule-more-indicator-shadow-color !default;
|
|
167
|
+
$schedule-more-indicator-shadow-color-more-popup: 0 10px 10px 0 $schedule-more-indicator-shadow-color !default;
|
|
168
|
+
$schedule-more-indicator-nrml-font-size: $text-xxs !default;
|
|
169
|
+
$schedule-popup-header-icon-font-size: 11px !default;
|
|
170
|
+
$schedule-more-popup-close-margin-top: 8px !default;
|
|
171
|
+
$schedule-more-popup-padding: 8px 0 !default;
|
|
172
|
+
$schedule-more-appointment-margin-bottom: 2px !default;
|
|
173
|
+
$schedule-event-popup-header-icon-padding: 6px 8px 0 0 !default;
|
|
174
|
+
$schedule-event-popup-subject-padding: 12px 18px !default;
|
|
175
|
+
|
|
176
|
+
$schedule-timeline-header-cells-height: 36px !default;
|
|
177
|
+
$schedule-timeline-work-cells-height: 60px !default;
|
|
178
|
+
$schedule-timeline-work-cells-width: 50px !default;
|
|
179
|
+
$schedule-timeline-month-cells-width: 70px !default;
|
|
180
|
+
$schedule-timeline-work-cells-border: 0 0 1px 1px !default;
|
|
181
|
+
$schedule-rtl-timeline-work-cells-border: 0 1px 1px 0 !default;
|
|
182
|
+
$schedule-timeline-resources-width: 200px !default;
|
|
183
|
+
$schedule-timeline-appointment-height: 38px !default;
|
|
184
|
+
$schedule-timeline-year-work-cells-height: 75px !default;
|
|
185
|
+
$schedule-timeline-year-work-cells-width: 100px !default;
|
|
186
|
+
$schedule-timeline-year-resource-text-padding: 4px 15px !default;
|
|
187
|
+
$schedule-timeline-year-resource-cells-padding-left: 15px !default;
|
|
188
|
+
$schedule-timeline-year-left-indent-padding: 0 !default;
|
|
189
|
+
$schedule-timeline-date-header-wrap-padding: 5px !default;
|
|
190
|
+
$schedule-dialog-row-continer-padding-bottom: 12px !default;
|
|
191
|
+
$schedule-dialog-all-day-row-padding-top: 8px !default;
|
|
192
|
+
$schedule-dialog-all-day-row-padding-bottom: 14px !default;
|
|
193
|
+
$schedule-bigger-dialog-row-continer-padding-bottom: 12px !default;
|
|
194
|
+
$schedule-bigger-dialog-all-day-row-padding-top: 10px !default;
|
|
195
|
+
$schedule-device-dialog-all-day-row-padding-top: 20px !default;
|
|
196
|
+
$schedule-tree-bg-color: $content-bg-color-alt1 !default;
|
|
197
|
+
$schedule-popup-overlay-bg-color: $overlay-bg-color !default;
|
|
198
|
+
|
|
199
|
+
$schedule-val-error-color: $danger-bg-color !default;
|
|
200
|
+
$schedule-val-error-bg-color: $danger-light !default;
|
|
201
|
+
|
|
202
|
+
$schedule-block-appointment-bg-color: $content-bg-color-alt2 !default;
|
|
203
|
+
$schedule-block-appointment-font-color: $content-text-color-alt2 !default;
|
|
204
|
+
|
|
205
|
+
$schedule-resource-color-margin-top: 10px !default;
|
|
206
|
+
$schedule-bigger-resource-color-margin-top: 14px !default;
|
|
207
|
+
$schedule-resource-color-size: 14px !default;
|
|
208
|
+
$schedule-bigger-resource-color-size: 16px !default;
|
|
209
|
+
|
|
210
|
+
@mixin tbar-btn-animation {
|
|
211
|
+
content: '';
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
@mixin tbar-btn-animation-after {
|
|
215
|
+
content: '';
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
$schedule-tree-content-color: $content-text-color-alt2;
|
|
@@ -20,6 +20,7 @@ $schedule-hover-font-color: $hover-font !default;
|
|
|
20
20
|
$schedule-active-color: $selection-font !default;
|
|
21
21
|
$schedule-active-border-color: $selection-border !default;
|
|
22
22
|
$schedule-active-font-color: $selection-bg !default;
|
|
23
|
+
$schedule-current-day-active-color: $schedule-active-font-color !default;
|
|
23
24
|
|
|
24
25
|
$schedule-alternate-cell-border: dashed !default;
|
|
25
26
|
$schedule-header-cells-height: 60px !default;
|
|
@@ -27,6 +28,7 @@ $schedule-header-cells-padding: 5px !default;
|
|
|
27
28
|
$schedule-header-cells-width: 36px !default;
|
|
28
29
|
$schedule-month-header-cells-nrml-height: 30px !default;
|
|
29
30
|
$schedule-month-header-cells-bgr-height: 35px !default;
|
|
31
|
+
$schedule-month-header-cells-padding: 3px !default;
|
|
30
32
|
$schedule-allday-cells-height: 0 !default;
|
|
31
33
|
$schedule-work-cells-height: 36px !default;
|
|
32
34
|
$schedule-work-cells-width: 36px !default;
|
|
@@ -71,6 +73,7 @@ $schedule-time-scale-device-font-size: 11px !default;
|
|
|
71
73
|
$schedule-current-time-nrml-font-size: 12px !default;
|
|
72
74
|
$schedule-current-time-bgr-font-size: 13px !default;
|
|
73
75
|
$schedule-current-time-bgr-device-font-size: 9px !default;
|
|
76
|
+
$schedule-popup-header-icon-font-size: 11px !default;
|
|
74
77
|
$schedule-time-scale-width: 85px !default;
|
|
75
78
|
$schedule-device-time-scale-width: 35px !default;
|
|
76
79
|
|
|
@@ -88,6 +91,8 @@ $schedule-agenda-date-header-padding: 10px 32px 0 16px !default;
|
|
|
88
91
|
$schedule-recurrence-font-size: 9px !default;
|
|
89
92
|
$schedule-agenda-item-padding: 10px 0 !default;
|
|
90
93
|
$schedule-agenda-appointment-padding: 0 8px !default;
|
|
94
|
+
$schedule-month-agenda-appointment-padding: 0 8px !default;
|
|
95
|
+
$schedule-month-agenda-item-padding: 10px 0 !default;
|
|
91
96
|
$schedule-popup-content-padding: 38px 18px 12px !default;
|
|
92
97
|
$schedule-popup-footer-padding: 8px 18px 8px 22px !default;
|
|
93
98
|
$schedule-date-header-line-height: 20px !default;
|
|
@@ -117,7 +122,7 @@ $schedule-tbar-separator-bgr-mrgn: 7.5px 3px !default;
|
|
|
117
122
|
$schedule-tbar-separator-bgr-minheight: 27px !default;
|
|
118
123
|
$schedule-tbar-btn-icon-bgr-width: 24px !default;
|
|
119
124
|
$schedule-tbar-btn-bgr-mrgn: 4px 0 !default;
|
|
120
|
-
$schedule-tbar-btn-bgr-minheight:
|
|
125
|
+
$schedule-tbar-btn-bgr-minheight: 49px !default;
|
|
121
126
|
$schedule-tbar-btn-bgr-minwidth: 34px !default;
|
|
122
127
|
$schedule-tbar-btn-bgr-padding: 0 1.5px !default;
|
|
123
128
|
$schedule-tbar-btn-icn-bgr-padding: 0 !default;
|
|
@@ -125,6 +130,7 @@ $schedule-tbar-btn-icn-right-bgr-padding: 3px 12px 0 0 !default;
|
|
|
125
130
|
|
|
126
131
|
$schedule-content-nrml-font-text-transform: uppercase !default;
|
|
127
132
|
$schedule-header-hover-border-radius: 0% !default;
|
|
133
|
+
$schedule-more-popup-wrapper-border-radius: 2px !default;
|
|
128
134
|
$schedule-box-shadow: 0 1px 0 rgba($shadow, .15) !default;
|
|
129
135
|
$schedule-popup-box-shadow-1: 0 24px 38px 3px rgba($shadow, .14) !default;
|
|
130
136
|
$schedule-popup-box-shadow-2: 0 9px 46px 8px rgba($shadow, .12) !default;
|
|
@@ -142,13 +148,18 @@ $schedule-event-popup-content-padding: 0 18px 16px 26px !default;
|
|
|
142
148
|
$schedule-event-popup-fields-padding: 12px !default;
|
|
143
149
|
$schedule-popup-title-color: rgba($color: lighten($success-bg, 5%), $alpha: .3) !default;
|
|
144
150
|
$schedule-popup-btn-border: $border-size $border-type $content-font !default;
|
|
151
|
+
$schedule-alert-dialog-border: none !default;
|
|
145
152
|
$schedule-btn-txt-bgr-padding: 5px 12px !default;
|
|
146
153
|
$schedule-icon-color: $content-font !default;
|
|
154
|
+
$schedule-popup-header-icon-focus-bg-color: $schedule-popup-icon-hover-bg-color !default;
|
|
155
|
+
$schedule-popup-header-icon-focus-color: $schedule-popup-icon-hover-color !default;
|
|
147
156
|
|
|
148
157
|
$schedule-event-box-shadow-1: 0 6px 10px 0 rgba($shadow, .14) !default;
|
|
149
158
|
$schedule-event-box-shadow-2: 0 1px 18px 0 rgba($shadow, .12) !default;
|
|
150
159
|
$schedule-event-box-shadow-3: 0 3px 5px -1px rgba($shadow, .2) !default;
|
|
151
160
|
$schedule-more-indicator-shadow-color: $shadow-color !default;
|
|
161
|
+
$schedule-more-indicator-shadow-color-res-tree-popup: 0 3px 4px .2px $schedule-more-indicator-shadow-color !default;
|
|
162
|
+
$schedule-more-indicator-shadow-color-more-popup: 0 10px 10px 0 $schedule-more-indicator-shadow-color !default;
|
|
152
163
|
$schedule-more-indicator-nrml-font-size: 11px !default;
|
|
153
164
|
$schedule-more-popup-close-margin-top: 3px !default;
|
|
154
165
|
$schedule-more-popup-padding: 8px 0 !default;
|
|
@@ -166,6 +177,16 @@ $schedule-timeline-resources-width: 200px !default;
|
|
|
166
177
|
$schedule-timeline-appointment-height: 38px !default;
|
|
167
178
|
$schedule-timeline-year-work-cells-height: 75px !default;
|
|
168
179
|
$schedule-timeline-year-work-cells-width: 100px !default;
|
|
180
|
+
$schedule-timeline-year-resource-text-padding: 4px 15px !default;
|
|
181
|
+
$schedule-timeline-year-resource-cells-padding-left: 15px !default;
|
|
182
|
+
$schedule-timeline-year-left-indent-padding: 0 !default;
|
|
183
|
+
$schedule-timeline-date-header-wrap-padding: 5px !default;
|
|
184
|
+
$schedule-dialog-row-continer-padding-bottom: 12px !default;
|
|
185
|
+
$schedule-dialog-all-day-row-padding-top: 8px !default;
|
|
186
|
+
$schedule-dialog-all-day-row-padding-bottom: 14px !default;
|
|
187
|
+
$schedule-bigger-dialog-row-continer-padding-bottom: 12px !default;
|
|
188
|
+
$schedule-bigger-dialog-all-day-row-padding-top: 10px !default;
|
|
189
|
+
$schedule-device-dialog-all-day-row-padding-top: 20px !default;
|
|
169
190
|
|
|
170
191
|
$schedule-tree-bg-color: $content-bg-color !default;
|
|
171
192
|
$schedule-popup-overlay-bg-color: #383838 !default;
|
|
@@ -20,6 +20,7 @@ $schedule-hover-font-color: $hover-font !default;
|
|
|
20
20
|
$schedule-active-color: $selection-font !default;
|
|
21
21
|
$schedule-active-border-color: $selection-border !default;
|
|
22
22
|
$schedule-active-font-color: $selection-bg !default;
|
|
23
|
+
$schedule-current-day-active-color: $schedule-active-color !default;
|
|
23
24
|
|
|
24
25
|
$schedule-alternate-cell-border: dashed !default;
|
|
25
26
|
$schedule-header-cells-height: 60px !default;
|
|
@@ -27,6 +28,7 @@ $schedule-header-cells-padding: 5px !default;
|
|
|
27
28
|
$schedule-header-cells-width: 36px !default;
|
|
28
29
|
$schedule-month-header-cells-nrml-height: 30px !default;
|
|
29
30
|
$schedule-month-header-cells-bgr-height: 35px !default;
|
|
31
|
+
$schedule-month-header-cells-padding: 3px !default;
|
|
30
32
|
$schedule-allday-cells-height: 0 !default;
|
|
31
33
|
$schedule-work-cells-height: 36px !default;
|
|
32
34
|
$schedule-work-cells-width: 36px !default;
|
|
@@ -71,6 +73,7 @@ $schedule-time-scale-device-font-size: 11px !default;
|
|
|
71
73
|
$schedule-current-time-nrml-font-size: 12px !default;
|
|
72
74
|
$schedule-current-time-bgr-font-size: 13px !default;
|
|
73
75
|
$schedule-current-time-bgr-device-font-size: 9px !default;
|
|
76
|
+
$schedule-popup-header-icon-font-size: 11px !default;
|
|
74
77
|
$schedule-time-scale-width: 85px !default;
|
|
75
78
|
$schedule-device-time-scale-width: 35px !default;
|
|
76
79
|
|
|
@@ -88,6 +91,8 @@ $schedule-agenda-date-header-padding: 10px 32px 0 16px !default;
|
|
|
88
91
|
$schedule-recurrence-font-size: 9px !default;
|
|
89
92
|
$schedule-agenda-item-padding: 10px 0 !default;
|
|
90
93
|
$schedule-agenda-appointment-padding: 0 8px !default;
|
|
94
|
+
$schedule-month-agenda-appointment-padding: 0 8px !default;
|
|
95
|
+
$schedule-month-agenda-item-padding: 10px 0 !default;
|
|
91
96
|
$schedule-popup-content-padding: 38px 18px 12px !default;
|
|
92
97
|
$schedule-popup-footer-padding: 8px 18px 8px 22px !default;
|
|
93
98
|
$schedule-date-header-line-height: 20px !default;
|
|
@@ -117,7 +122,7 @@ $schedule-tbar-separator-bgr-mrgn: 7.5px 3px !default;
|
|
|
117
122
|
$schedule-tbar-separator-bgr-minheight: 27px !default;
|
|
118
123
|
$schedule-tbar-btn-icon-bgr-width: 24px !default;
|
|
119
124
|
$schedule-tbar-btn-bgr-mrgn: 4px 0 !default;
|
|
120
|
-
$schedule-tbar-btn-bgr-minheight:
|
|
125
|
+
$schedule-tbar-btn-bgr-minheight: 50px !default;
|
|
121
126
|
$schedule-tbar-btn-bgr-minwidth: 34px !default;
|
|
122
127
|
$schedule-tbar-btn-bgr-padding: 0 1.5px !default;
|
|
123
128
|
$schedule-tbar-btn-icn-bgr-padding: 0 !default;
|
|
@@ -125,6 +130,7 @@ $schedule-tbar-btn-icn-right-bgr-padding: 3px 12px 0 0 !default;
|
|
|
125
130
|
|
|
126
131
|
$schedule-content-nrml-font-text-transform: uppercase !default;
|
|
127
132
|
$schedule-header-hover-border-radius: 0% !default;
|
|
133
|
+
$schedule-more-popup-wrapper-border-radius: 2px !default;
|
|
128
134
|
$schedule-box-shadow: 0 1px 0 rgba($shadow, .15) !default;
|
|
129
135
|
$schedule-popup-box-shadow-1: 0 24px 38px 3px rgba($shadow, .14) !default;
|
|
130
136
|
$schedule-popup-box-shadow-2: 0 9px 46px 8px rgba($shadow, .12) !default;
|
|
@@ -142,13 +148,18 @@ $schedule-event-popup-content-padding: 0 18px 16px 26px !default;
|
|
|
142
148
|
$schedule-event-popup-fields-padding: 12px !default;
|
|
143
149
|
$schedule-popup-title-color: rgba($color: lighten($success-bg, 5%), $alpha: .3) !default;
|
|
144
150
|
$schedule-popup-btn-border: $border-size $border-type $content-font !default;
|
|
151
|
+
$schedule-alert-dialog-border: none !default;
|
|
145
152
|
$schedule-btn-txt-bgr-padding: 5px 12px !default;
|
|
146
153
|
$schedule-icon-color: $content-font !default;
|
|
154
|
+
$schedule-popup-header-icon-focus-bg-color: $schedule-popup-icon-hover-bg-color !default;
|
|
155
|
+
$schedule-popup-header-icon-focus-color: $schedule-popup-icon-hover-color !default;
|
|
147
156
|
|
|
148
157
|
$schedule-event-box-shadow-1: 0 6px 10px 0 rgba($shadow, .14) !default;
|
|
149
158
|
$schedule-event-box-shadow-2: 0 1px 18px 0 rgba($shadow, .12) !default;
|
|
150
159
|
$schedule-event-box-shadow-3: 0 3px 5px -1px rgba($shadow, .2) !default;
|
|
151
160
|
$schedule-more-indicator-shadow-color: $shadow-color !default;
|
|
161
|
+
$schedule-more-indicator-shadow-color-res-tree-popup: 0 3px 4px .2px $schedule-more-indicator-shadow-color !default;
|
|
162
|
+
$schedule-more-indicator-shadow-color-more-popup: 0 10px 10px 0 $schedule-more-indicator-shadow-color !default;
|
|
152
163
|
$schedule-more-indicator-nrml-font-size: 11px !default;
|
|
153
164
|
$schedule-more-popup-close-margin-top: 3px !default;
|
|
154
165
|
$schedule-more-popup-padding: 8px 0 !default;
|
|
@@ -166,6 +177,16 @@ $schedule-timeline-resources-width: 200px !default;
|
|
|
166
177
|
$schedule-timeline-appointment-height: 38px !default;
|
|
167
178
|
$schedule-timeline-year-work-cells-height: 75px !default;
|
|
168
179
|
$schedule-timeline-year-work-cells-width: 100px !default;
|
|
180
|
+
$schedule-timeline-year-resource-text-padding: 4px 15px !default;
|
|
181
|
+
$schedule-timeline-year-resource-cells-padding-left: 15px !default;
|
|
182
|
+
$schedule-timeline-year-left-indent-padding: 0 !default;
|
|
183
|
+
$schedule-timeline-date-header-wrap-padding: 5px !default;
|
|
184
|
+
$schedule-dialog-row-continer-padding-bottom: 12px !default;
|
|
185
|
+
$schedule-dialog-all-day-row-padding-top: 8px !default;
|
|
186
|
+
$schedule-dialog-all-day-row-padding-bottom: 14px !default;
|
|
187
|
+
$schedule-bigger-dialog-row-continer-padding-bottom: 12px !default;
|
|
188
|
+
$schedule-bigger-dialog-all-day-row-padding-top: 10px !default;
|
|
189
|
+
$schedule-device-dialog-all-day-row-padding-top: 20px !default;
|
|
169
190
|
|
|
170
191
|
$schedule-tree-bg-color: $content-bg-color !default;
|
|
171
192
|
$schedule-popup-overlay-bg-color: #383838 !default;
|