@syncfusion/ej2-schedule 19.3.46 → 19.4.38
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 +49 -5
- 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 +479 -133
- package/dist/es6/ej2-schedule.es2015.js.map +1 -1
- package/dist/es6/ej2-schedule.es5.js +480 -137
- 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/date-generator.js +3 -3
- package/src/recurrence-editor/recurrence-editor.js +2 -2
- package/src/schedule/actions/crud.js +2 -0
- package/src/schedule/actions/drag.js +28 -18
- package/src/schedule/actions/keyboard.d.ts +7 -0
- package/src/schedule/actions/keyboard.js +197 -28
- package/src/schedule/base/interface.d.ts +19 -0
- package/src/schedule/base/resource.js +1 -0
- package/src/schedule/base/schedule-model.d.ts +97 -20
- package/src/schedule/base/schedule.d.ts +97 -21
- package/src/schedule/base/schedule.js +27 -5
- package/src/schedule/base/type.d.ts +4 -0
- 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 -0
- package/src/schedule/event-renderer/event-base.js +29 -9
- package/src/schedule/event-renderer/inline-edit.js +8 -5
- package/src/schedule/event-renderer/month.js +2 -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 +20 -1
- package/src/schedule/models/event-settings.d.ts +18 -0
- package/src/schedule/models/event-settings.js +6 -0
- 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/event-window.d.ts +0 -1
- package/src/schedule/popups/event-window.js +4 -5
- package/src/schedule/popups/form-validator.js +4 -1
- package/src/schedule/popups/quick-popups.js +3 -0
- package/src/schedule/renderer/agenda.js +3 -1
- package/src/schedule/renderer/header-renderer.d.ts +1 -0
- package/src/schedule/renderer/header-renderer.js +22 -8
- package/src/schedule/renderer/month.d.ts +4 -0
- package/src/schedule/renderer/month.js +68 -19
- package/src/schedule/renderer/timeline-year.js +3 -0
- package/src/schedule/renderer/view-base.js +9 -0
- package/src/schedule/renderer/year.d.ts +2 -2
- package/src/schedule/renderer/year.js +24 -6
- package/src/schedule/timezone/timezone.d.ts +3 -2
- package/src/schedule/timezone/timezone.js +0 -1
- 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: $header-font-color !default;
|
|
|
20
20
|
$schedule-active-color: $brand-primary-font !default;
|
|
21
21
|
$schedule-active-border-color: $brand-primary !default;
|
|
22
22
|
$schedule-active-font-color: lighten($brand-primary, 15%) !default;
|
|
23
|
+
$schedule-current-day-active-color: $schedule-active-color !default;
|
|
23
24
|
|
|
24
25
|
$schedule-timezone-enable-nrml-height: 60px !default;
|
|
25
26
|
$schedule-timezone-enable-bgr-height: 70px !default;
|
|
@@ -30,6 +31,7 @@ $schedule-header-cells-width: 36px !default;
|
|
|
30
31
|
$schedule-month-header-cells-nrml-height: 30px !default;
|
|
31
32
|
$schedule-month-work-cells-height: 70px !default;
|
|
32
33
|
$schedule-month-header-cells-bgr-height: 35px !default;
|
|
34
|
+
$schedule-month-header-cells-padding: 3px !default;
|
|
33
35
|
$schedule-allday-cells-height: 0 !default;
|
|
34
36
|
$schedule-work-cells-height: 36px !default;
|
|
35
37
|
$schedule-work-cells-width: 36px !default;
|
|
@@ -72,6 +74,7 @@ $schedule-time-scale-device-font-size: 11px !default;
|
|
|
72
74
|
$schedule-current-time-nrml-font-size: 11px !default;
|
|
73
75
|
$schedule-current-time-bgr-font-size: 12px !default;
|
|
74
76
|
$schedule-current-time-bgr-device-font-size: 9px !default;
|
|
77
|
+
$schedule-popup-header-icon-font-size: 11px !default;
|
|
75
78
|
$schedule-time-scale-width: 85px !default;
|
|
76
79
|
$schedule-device-time-scale-width: 35px !default;
|
|
77
80
|
|
|
@@ -88,6 +91,8 @@ $schedule-agenda-date-header-padding: 10px 32px 0 16px !default;
|
|
|
88
91
|
$schedule-recurrence-font-size: 11px !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: 34px !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: 0 !default;
|
|
|
125
130
|
|
|
126
131
|
$schedule-content-nrml-font-text-transform: initial !default;
|
|
127
132
|
$schedule-header-hover-border-radius: 4px !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: $grey-light !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: $grey-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;
|
|
@@ -19,12 +19,14 @@ $schedule-hover-font-color: $header-font-color !default;
|
|
|
19
19
|
$schedule-active-color: $brand-primary-font !default;
|
|
20
20
|
$schedule-active-border-color: $brand-primary !default;
|
|
21
21
|
$schedule-active-font-color: $brand-primary !default;
|
|
22
|
+
$schedule-current-day-active-color: $schedule-active-color !default;
|
|
22
23
|
|
|
23
24
|
$schedule-alternate-cell-border: dotted !default;
|
|
24
25
|
$schedule-header-cells-height: 60px !default;
|
|
25
26
|
$schedule-header-cells-width: 36px !default;
|
|
26
27
|
$schedule-month-header-cells-nrml-height: 30px !default;
|
|
27
28
|
$schedule-month-header-cells-bgr-height: 35px !default;
|
|
29
|
+
$schedule-month-header-cells-padding: 3px !default;
|
|
28
30
|
$schedule-allday-cells-height: 0 !default;
|
|
29
31
|
$schedule-work-cells-height: 36px !default;
|
|
30
32
|
$schedule-work-cells-width: 36px !default;
|
|
@@ -67,6 +69,7 @@ $schedule-time-scale-device-font-size: 11px !default;
|
|
|
67
69
|
$schedule-current-time-nrml-font-size: 11px !default;
|
|
68
70
|
$schedule-current-time-bgr-font-size: 12px !default;
|
|
69
71
|
$schedule-current-time-bgr-device-font-size: 9px !default;
|
|
72
|
+
$schedule-popup-header-icon-font-size: 11px !default;
|
|
70
73
|
$schedule-time-scale-width: 85px !default;
|
|
71
74
|
$schedule-device-time-scale-width: 35px !default;
|
|
72
75
|
|
|
@@ -85,6 +88,8 @@ $schedule-agenda-date-header-padding: 10px 32px 0 16px !default;
|
|
|
85
88
|
$schedule-recurrence-font-size: 11px !default;
|
|
86
89
|
$schedule-agenda-item-padding: 10px 0 !default;
|
|
87
90
|
$schedule-agenda-appointment-padding: 0 8px !default;
|
|
91
|
+
$schedule-month-agenda-appointment-padding: 0 8px !default;
|
|
92
|
+
$schedule-month-agenda-item-padding: 10px 0 !default;
|
|
88
93
|
$schedule-popup-content-padding: 38px 18px 12px !default;
|
|
89
94
|
$schedule-popup-footer-padding: 8px 18px 8px 22px !default;
|
|
90
95
|
$schedule-date-header-line-height: 20px !default;
|
|
@@ -114,7 +119,7 @@ $schedule-tbar-separator-bgr-mrgn: 7.5px 3px !default;
|
|
|
114
119
|
$schedule-tbar-separator-bgr-minheight: 27px !default;
|
|
115
120
|
$schedule-tbar-btn-icon-bgr-width: 24px !default;
|
|
116
121
|
$schedule-tbar-btn-bgr-mrgn: 4px 0 !default;
|
|
117
|
-
$schedule-tbar-btn-bgr-minheight:
|
|
122
|
+
$schedule-tbar-btn-bgr-minheight: 34px !default;
|
|
118
123
|
$schedule-tbar-btn-bgr-minwidth: 34px !default;
|
|
119
124
|
$schedule-tbar-btn-bgr-padding: 0 1.5px !default;
|
|
120
125
|
$schedule-tbar-btn-icn-bgr-padding: 0 !default;
|
|
@@ -124,6 +129,7 @@ $schedule-timezone-enable-nrml-height: 60px !default;
|
|
|
124
129
|
$schedule-timezone-enable-bgr-height: 70px !default;
|
|
125
130
|
$schedule-content-nrml-font-text-transform: initial !default;
|
|
126
131
|
$schedule-header-hover-border-radius: 0% !default;
|
|
132
|
+
$schedule-more-popup-wrapper-border-radius: 2px !default;
|
|
127
133
|
$schedule-box-shadow: 0 1px 0 rgba($shadow, .15) !default;
|
|
128
134
|
$schedule-popup-box-shadow-1: 0 24px 38px 3px rgba($shadow, .14) !default;
|
|
129
135
|
$schedule-popup-box-shadow-2: 0 9px 46px 8px rgba($shadow, .12) !default;
|
|
@@ -141,13 +147,18 @@ $schedule-event-popup-content-padding: 0 18px 16px 26px !default;
|
|
|
141
147
|
$schedule-event-popup-fields-padding: 12px !default;
|
|
142
148
|
$schedule-popup-title-color: rgba($color: $schedule-appointment-bg-color, $alpha: .3) !default;
|
|
143
149
|
$schedule-popup-btn-border: none !default;
|
|
150
|
+
$schedule-alert-dialog-border: none !default;
|
|
144
151
|
$schedule-btn-txt-bgr-padding: 5px 12px !default;
|
|
145
152
|
$schedule-icon-color: $grey-light-font !default;
|
|
153
|
+
$schedule-popup-header-icon-focus-bg-color: $schedule-popup-icon-hover-bg-color !default;
|
|
154
|
+
$schedule-popup-header-icon-focus-color: $schedule-popup-icon-hover-color !default;
|
|
146
155
|
|
|
147
156
|
$schedule-event-box-shadow-1: 0 6px 10px 0 rgba($shadow, .14) !default;
|
|
148
157
|
$schedule-event-box-shadow-2: 0 1px 18px 0 rgba($shadow, .12) !default;
|
|
149
158
|
$schedule-event-box-shadow-3: 0 3px 5px -1px rgba($shadow, .2) !default;
|
|
150
159
|
$schedule-more-indicator-shadow-color: $shadow-color !default;
|
|
160
|
+
$schedule-more-indicator-shadow-color-res-tree-popup: 0 3px 4px .2px $schedule-more-indicator-shadow-color !default;
|
|
161
|
+
$schedule-more-indicator-shadow-color-more-popup: 0 10px 10px 0 $schedule-more-indicator-shadow-color !default;
|
|
151
162
|
$schedule-more-indicator-nrml-font-size: 12px !default;
|
|
152
163
|
$schedule-more-popup-close-margin-top: 3px !default;
|
|
153
164
|
$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;
|
|
@@ -22,6 +22,7 @@ $schedule-hover-font-color: $gray-900 !default;
|
|
|
22
22
|
$schedule-active-color: $primary-font !default;
|
|
23
23
|
$schedule-active-border-color: $primary !default;
|
|
24
24
|
$schedule-active-font-color: $primary !default;
|
|
25
|
+
$schedule-current-day-active-color: $schedule-active-color !default;
|
|
25
26
|
|
|
26
27
|
$schedule-timezone-enable-nrml-height: 60px !default;
|
|
27
28
|
$schedule-timezone-enable-bgr-height: 64px !default;
|
|
@@ -31,6 +32,7 @@ $schedule-header-cells-width: 36px !default;
|
|
|
31
32
|
$schedule-header-cells-padding: 8px !default;
|
|
32
33
|
$schedule-month-header-cells-nrml-height: 35px !default;
|
|
33
34
|
$schedule-month-header-cells-bgr-height: 35px !default;
|
|
35
|
+
$schedule-month-header-cells-padding: 8px !default;
|
|
34
36
|
$schedule-allday-cells-height: 0 !default;
|
|
35
37
|
$schedule-work-cells-height: 50px !default;
|
|
36
38
|
$schedule-work-cells-width: 36px !default;
|
|
@@ -73,6 +75,7 @@ $schedule-time-scale-device-font-size: 11px !default;
|
|
|
73
75
|
$schedule-current-time-nrml-font-size: 12px !default;
|
|
74
76
|
$schedule-current-time-bgr-font-size: 13px !default;
|
|
75
77
|
$schedule-current-time-bgr-device-font-size: 9px !default;
|
|
78
|
+
$schedule-popup-header-icon-font-size: 14px !default;
|
|
76
79
|
$schedule-time-scale-width: 85px !default;
|
|
77
80
|
$schedule-device-time-scale-width: 35px !default;
|
|
78
81
|
|
|
@@ -90,6 +93,8 @@ $schedule-agenda-date-header-padding: 14px 20px 0 14px !default;
|
|
|
90
93
|
$schedule-recurrence-font-size: 12px !default;
|
|
91
94
|
$schedule-agenda-item-padding: 14px 0 !default;
|
|
92
95
|
$schedule-agenda-appointment-padding: 0 14px !default;
|
|
96
|
+
$schedule-month-agenda-appointment-padding: 0 8px !default;
|
|
97
|
+
$schedule-month-agenda-item-padding: 10px 0 !default;
|
|
93
98
|
$schedule-popup-content-padding: 28px 14px !default;
|
|
94
99
|
$schedule-event-popup-content-padding: 0 14px 24px 14px !default;
|
|
95
100
|
$schedule-event-popup-fields-padding: 10px !default;
|
|
@@ -121,7 +126,7 @@ $schedule-tbar-separator-bgr-mrgn: 0 !default;
|
|
|
121
126
|
$schedule-tbar-separator-bgr-minheight: 20px !default;
|
|
122
127
|
$schedule-tbar-btn-icon-bgr-width: 24px !default;
|
|
123
128
|
$schedule-tbar-btn-bgr-mrgn: 4px 0 !default;
|
|
124
|
-
$schedule-tbar-btn-bgr-minheight:
|
|
129
|
+
$schedule-tbar-btn-bgr-minheight: 38px !default;
|
|
125
130
|
$schedule-tbar-btn-bgr-minwidth: 34px !default;
|
|
126
131
|
$schedule-tbar-btn-bgr-padding: 0 1.5px !default;
|
|
127
132
|
$schedule-tbar-btn-icn-bgr-padding: 0 !default;
|
|
@@ -129,6 +134,7 @@ $schedule-tbar-btn-icn-right-bgr-padding: 2px 0 0 !default;
|
|
|
129
134
|
|
|
130
135
|
$schedule-content-nrml-font-text-transform: initial !default;
|
|
131
136
|
$schedule-header-hover-border-radius: 4px !default;
|
|
137
|
+
$schedule-more-popup-wrapper-border-radius: 6px !default;
|
|
132
138
|
$schedule-box-shadow: 0 1px 0 rgba($black, .15) !default;
|
|
133
139
|
$schedule-popup-box-shadow-1: 0 24px 38px 3px rgba($black, .14) !default;
|
|
134
140
|
$schedule-popup-box-shadow-2: 0 9px 46px 8px rgba($black, .12) !default;
|
|
@@ -144,13 +150,18 @@ $schedule-popup-icon-hover-bg-color: transparent !default;
|
|
|
144
150
|
$schedule-popup-content-icon-color: $gray-700 !default;
|
|
145
151
|
$schedule-popup-title-color: rgba($color: $schedule-appointment-bg-color, $alpha: .3) !default;
|
|
146
152
|
$schedule-popup-btn-border: none !default;
|
|
153
|
+
$schedule-alert-dialog-border: none !default;
|
|
147
154
|
$schedule-btn-txt-bgr-padding: 5px 12px !default;
|
|
148
155
|
$schedule-icon-color: $gray-900 !default;
|
|
156
|
+
$schedule-popup-header-icon-focus-bg-color: $schedule-popup-icon-hover-bg-color !default;
|
|
157
|
+
$schedule-popup-header-icon-focus-color: $schedule-popup-icon-hover-color !default;
|
|
149
158
|
|
|
150
159
|
$schedule-event-box-shadow-1: 0 6px 10px 0 rgba($black, .14) !default;
|
|
151
160
|
$schedule-event-box-shadow-2: 0 1px 18px 0 rgba($black, .12) !default;
|
|
152
161
|
$schedule-event-box-shadow-3: 0 3px 5px -1px rgba($black, .2) !default;
|
|
153
162
|
$schedule-more-indicator-shadow-color: #333 !default;
|
|
163
|
+
$schedule-more-indicator-shadow-color-res-tree-popup: 0 3px 4px .2px $schedule-more-indicator-shadow-color !default;
|
|
164
|
+
$schedule-more-indicator-shadow-color-more-popup: none !default;
|
|
154
165
|
$schedule-more-indicator-nrml-font-size: 12px !default;
|
|
155
166
|
$schedule-more-popup-close-margin-top: 3px !default;
|
|
156
167
|
$schedule-more-popup-padding: 12px 4px 14px !default;
|
|
@@ -168,6 +179,17 @@ $schedule-timeline-resources-width: 224px !default;
|
|
|
168
179
|
$schedule-timeline-appointment-height: 38px !default;
|
|
169
180
|
$schedule-timeline-year-work-cells-height: 75px !default;
|
|
170
181
|
$schedule-timeline-year-work-cells-width: 100px !default;
|
|
182
|
+
$schedule-timeline-year-resource-text-padding: 4px 12px !default;
|
|
183
|
+
$schedule-timeline-year-resource-cells-padding-left: 12px !default;
|
|
184
|
+
$schedule-timeline-year-left-indent-padding: 8px !default;
|
|
185
|
+
$schedule-timeline-date-header-wrap-padding: 8px 0 8px 8px !default;
|
|
186
|
+
$schedule-dialog-row-continer-padding-bottom: 14px !default;
|
|
187
|
+
$schedule-dialog-all-day-row-padding-top: 0 !default;
|
|
188
|
+
$schedule-dialog-all-day-row-padding-bottom: 14px !default;
|
|
189
|
+
$schedule-bigger-dialog-row-continer-padding-bottom: 16px !default;
|
|
190
|
+
$schedule-bigger-dialog-all-day-row-padding-top: 0 !default;
|
|
191
|
+
$schedule-device-dialog-all-day-row-padding-top: 0 !default;
|
|
192
|
+
|
|
171
193
|
|
|
172
194
|
$schedule-tree-bg-color: $gray-100 !default;
|
|
173
195
|
$schedule-popup-overlay-bg-color: #383838 !default;
|
|
@@ -1,39 +1,8 @@
|
|
|
1
|
-
/*! Schedule
|
|
1
|
+
/*! Schedule's bootstrap5 theme wise override definitions and variables */
|
|
2
|
+
// sass-lint:disable-all
|
|
2
3
|
$schedule-skin: $skin-name !default;
|
|
3
4
|
|
|
4
|
-
|
|
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-alt2 !default;
|
|
12
|
-
$schedule-select-font-color: $content-text-color !default;
|
|
13
|
-
$schedule-select-bg-color: $content-bg-color-alt2 !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 !default;
|
|
18
|
-
$schedule-workhour-bg-color: $content-bg-color !default;
|
|
19
|
-
$schedule-hover-bg-color: darken($content-bg-color-alt1, 2%) !default;
|
|
20
|
-
$schedule-hover-font-color: $content-text-color-hover !default;
|
|
21
|
-
$schedule-active-color: $content-bg-color !default;
|
|
22
|
-
$schedule-active-border-color: $primary !default;
|
|
23
|
-
$schedule-active-font-color: $primary !default;
|
|
24
|
-
$schedule-calendar-background: $flyout-bg-color !default;
|
|
25
|
-
$border-size: 1px;
|
|
26
|
-
$border-type: solid !default;
|
|
27
|
-
|
|
28
|
-
$schedule-alternate-cell-border: dotted !default;
|
|
29
|
-
$schedule-header-cells-padding: 8px 8px 0 !default;
|
|
30
|
-
$schedule-header-cells-height: 60px !default;
|
|
31
|
-
$schedule-header-cells-width: 36px !default;
|
|
32
|
-
$schedule-month-header-cells-nrml-height: 34px !default;
|
|
33
|
-
$schedule-month-header-cells-bgr-height: 38px !default;
|
|
34
|
-
$schedule-allday-cells-height: 0 !default;
|
|
35
|
-
$schedule-work-cells-height: 36px !default;
|
|
36
|
-
$schedule-work-cells-width: 36px !default;
|
|
5
|
+
// font definitions
|
|
37
6
|
$schedule-date-navigation-font-size: $text-lg !default;
|
|
38
7
|
$schedule-header-nrml-font-size: $text-sm !default;
|
|
39
8
|
$schedule-header-bgr-font-size: $text-base !default;
|
|
@@ -45,67 +14,90 @@ $schedule-date-month-header-wrap-bgr-font-size: $text-base !default;
|
|
|
45
14
|
$schedule-date-header-wrap-nrml-font-size: $text-sm !default;
|
|
46
15
|
$schedule-date-header-wrap-bgr-font-size: $text-base !default;
|
|
47
16
|
$schedule-date-header-wrap-device-font-size: $text-base !default;
|
|
48
|
-
$schedule-
|
|
49
|
-
$schedule-
|
|
50
|
-
$schedule-
|
|
17
|
+
$schedule-header-day-nrml-font-size: $text-xs !default;
|
|
18
|
+
$schedule-header-day-bgr-font-size: $text-sm !default;
|
|
19
|
+
$schedule-header-day-device-font-size: $text-sm !default;
|
|
20
|
+
$schedule-header-date-device-font-size: $text-lg !default;
|
|
21
|
+
$schedule-header-date-nrml-font-size: $text-base !default;
|
|
22
|
+
$schedule-header-date-bgr-font-size: $text-lg !default;
|
|
23
|
+
$schedule-time-scale-nrml-font-size: $text-xs !default;
|
|
24
|
+
$schedule-time-scale-bgr-font-size: $text-sm !default;
|
|
25
|
+
$schedule-time-scale-device-font-size: 11px !default;
|
|
26
|
+
$schedule-current-time-nrml-font-size: $text-xxs !default;
|
|
27
|
+
$schedule-current-time-bgr-font-size: $text-xs !default;
|
|
28
|
+
$schedule-current-time-bgr-device-font-size: $text-xs !default;
|
|
29
|
+
$schedule-recurrence-font-size: 11px !default;
|
|
30
|
+
$schedule-tbar-down-arrow-font-size: $text-lg !default;
|
|
31
|
+
$schedule-content-nrml-font-text-transform: none !default;
|
|
32
|
+
$schedule-more-indicator-nrml-font-size: $text-xxs !default;
|
|
33
|
+
$schedule-popup-header-icon-font-size: 14px !default;
|
|
34
|
+
|
|
35
|
+
// font color definitions
|
|
36
|
+
$schedule-header-font-color: $content-text-color-alt1 !default;
|
|
37
|
+
$schedule-primary-content-font-color: $content-text-color !default;
|
|
38
|
+
$schedule-secondary-content-font-color: $content-text-color-alt2 !default;
|
|
39
|
+
$schedule-select-font-color: $content-text-color !default;
|
|
40
|
+
$schedule-hover-font-color: $content-text-color-hover !default;
|
|
41
|
+
$schedule-disable-font-color: $content-text-color !default;
|
|
42
|
+
$schedule-active-font-color: $primary !default;
|
|
43
|
+
$schedule-tbar-hover-font: rgba($primary, .87) !default;
|
|
51
44
|
|
|
52
|
-
|
|
53
|
-
$schedule-timezone-enable-bgr-height: 64px !default;
|
|
45
|
+
// schedule appointment definitions
|
|
54
46
|
$schedule-appointment-details-padding: 0 4px !default;
|
|
55
47
|
$schedule-appointment-bg-color: $primary !default;
|
|
56
|
-
$schedule-appointment-font-color: $primary-text-color !default;
|
|
57
48
|
$schedule-appointment-border-color: $border-light !default;
|
|
58
49
|
$schedule-appointment-selected-border: 1px solid rgba($border-light, .5) !default;
|
|
59
50
|
$schedule-appointment-border-radius: 2px !default;
|
|
60
51
|
$schedule-appointment-active-border-color: $icon-color !default;
|
|
61
|
-
$schedule-month-agenda-app-indicator-color: $primary !default;
|
|
62
52
|
$schedule-month-appointment-height: 26px !default;
|
|
63
53
|
$schedule-month-appointment-text-line-height: 18px !default;
|
|
64
54
|
$schedule-appointment-text-line-height: 18px !default;
|
|
65
55
|
$schedule-month-appointment-time-padding: 1.5px !default;
|
|
66
56
|
$schedule-month-appointment-subject-padding: 1px 2px !default;
|
|
67
57
|
$schedule-timescale-appointment-height: 54px !default;
|
|
58
|
+
$schedule-appointment-font-color: $primary-text-color !default;
|
|
59
|
+
$schedule-block-appointment-font-color: $content-text-color-alt2 !default;
|
|
60
|
+
$schedule-more-appointment-margin-bottom: 2px !default;
|
|
61
|
+
$schedule-block-appointment-bg-color: $content-bg-color-alt2 !default;
|
|
62
|
+
$schedule-event-box-shadow-1: $shadow-md !default;
|
|
63
|
+
$schedule-event-box-shadow-2: $shadow-md !default;
|
|
64
|
+
$schedule-event-box-shadow-3: $shadow-md !default;
|
|
68
65
|
|
|
69
|
-
|
|
70
|
-
$schedule-header-day-bgr-font-size: $text-sm !default;
|
|
71
|
-
$schedule-header-day-device-font-size: $text-sm !default;
|
|
72
|
-
$schedule-header-date-device-font-size: $text-lg !default;
|
|
73
|
-
$schedule-header-date-nrml-font-size: $text-base !default;
|
|
74
|
-
$schedule-header-date-bgr-font-size: $text-lg !default;
|
|
75
|
-
$schedule-time-scale-nrml-font-size: $text-xs !default;
|
|
76
|
-
$schedule-time-scale-bgr-font-size: $text-sm !default;
|
|
77
|
-
$schedule-time-scale-device-font-size: 11px !default;
|
|
78
|
-
$schedule-current-time-nrml-font-size: $text-xxs !default;
|
|
79
|
-
$schedule-current-time-bgr-font-size: $text-xs !default;
|
|
80
|
-
$schedule-current-time-bgr-device-font-size: $text-xs !default;
|
|
81
|
-
$schedule-time-scale-width: 85px !default;
|
|
82
|
-
$schedule-device-time-scale-width: 35px !default;
|
|
83
|
-
|
|
84
|
-
$schedule-vertical-time-slot-color: $content-bg-color-alt2 !default;
|
|
85
|
-
$schedule-vertical-work-cells-border: 0 0 1px 1px !default;
|
|
86
|
-
$schedule-rtl-vertical-work-cells-border: 0 1px 1px 0 !default;
|
|
87
|
-
$schedule-month-work-cells-border: 0 0 1px 1px !default;
|
|
88
|
-
$schedule-month-work-cells-height: 80px !default;
|
|
89
|
-
$schedule-rtl-month-work-cells-border: 0 1px 1px 0 !default;
|
|
90
|
-
$schedule-month-agenda-header-cells-border: 0 0 1px 0 !default;
|
|
91
|
-
$schedule-month-agenda-work-cells-border: 0 !default;
|
|
92
|
-
$schedule-rtl-month-agenda-work-cells-border: 0 !default;
|
|
93
|
-
$schedule-month-agenda-border: 2px solid $schedule-content-border-color !default;
|
|
94
|
-
$schedule-agenda-color: $content-bg-color !default;
|
|
95
|
-
$schedule-agenda-date-header-padding: 8px 34px 14px 18px !default;
|
|
96
|
-
$schedule-agenda-item-padding: 10px 0 !default;
|
|
97
|
-
$schedule-agenda-appointment-padding: 0 12px !default;
|
|
66
|
+
// schedule popup definitions
|
|
98
67
|
$schedule-popup-content-padding: 40px 18px 12px !default;
|
|
99
|
-
$schedule-
|
|
68
|
+
$schedule-popup-footer-padding: 8px 18px 8px 18px !default;
|
|
69
|
+
$schedule-popup-box-shadow-1: $shadow-lg !default;
|
|
70
|
+
$schedule-popup-box-shadow-2: $shadow-lg !default;
|
|
71
|
+
$schedule-popup-box-shadow-3: $shadow-lg !default;
|
|
72
|
+
$schedule-popup-border-color: $border-light !default;
|
|
73
|
+
$schedule-popup-bg-color: $content-bg-color !default;
|
|
74
|
+
$schedule-popup-header-icon-color: $icon-color !default;
|
|
75
|
+
$schedule-popup-header-icon-hover-color: $primary !default;
|
|
76
|
+
$schedule-popup-header-icon-hover-bg-color: rgba(255, 255, 255, .15) !default;
|
|
77
|
+
$schedule-popup-icon-color: $schedule-appointment-active-border-color !default;
|
|
78
|
+
$schedule-popup-icon-hover-color: $schedule-appointment-active-border-color !default;
|
|
79
|
+
$schedule-popup-icon-hover-bg-color: $content-bg-color-alt2 !default;
|
|
80
|
+
$schedule-popup-content-icon-color: $schedule-secondary-content-font-color !default;
|
|
81
|
+
$schedule-event-popup-content-padding: 0 18px 12px !default;
|
|
82
|
+
$schedule-event-popup-fields-padding: 12px !default;
|
|
83
|
+
$schedule-popup-title-color: rgba($color: $schedule-appointment-bg-color, $alpha: .3) !default;
|
|
84
|
+
$schedule-popup-btn-border: none !default;
|
|
85
|
+
$schedule-alert-dialog-border: none !default;
|
|
86
|
+
$schedule-more-popup-close-margin-top: 8px !default;
|
|
87
|
+
$schedule-more-popup-padding: 8px 0 !default;
|
|
88
|
+
$schedule-event-popup-header-icon-padding: 6px 8px 0 0 !default;
|
|
89
|
+
$schedule-event-popup-subject-padding: 12px 18px !default;
|
|
90
|
+
$schedule-popup-overlay-bg-color: $overlay-bg-color !default;
|
|
100
91
|
|
|
92
|
+
// schedule toolbar definitions
|
|
93
|
+
$border-size: 1px;
|
|
94
|
+
$schedule-tbar-down-arrow-padding-top: 0 !default;
|
|
101
95
|
$schedule-tbar-bgr-color: $secondary-bg-color-focus !default;
|
|
102
96
|
$schedule-tbar-bgr-min-height: 54px !default;
|
|
103
97
|
$schedule-tbar-border-bottom-size: 0 !default;
|
|
104
98
|
$schedule-tbar-box-shadow: 0 1px 2px rgba($black, .15) !default;
|
|
105
99
|
$schedule-tbar-box-shadow-bottom-margin: 3px !default;
|
|
106
100
|
$schedule-tbar-min-height: 38px !default;
|
|
107
|
-
$schedule-tbar-down-arrow-font-size: $text-lg !default;
|
|
108
|
-
$schedule-tbar-down-arrow-padding-top: 0 !default;
|
|
109
101
|
$schedule-tbar-default-icon-color: $icon-color !default;
|
|
110
102
|
$schedule-tbar-separator-size: $border-size !default;
|
|
111
103
|
$schedule-tbar-default-bg: $content-bg-color-alt1 !default;
|
|
@@ -113,7 +105,6 @@ $schedule-tbar-separator-border: $border-light !default;
|
|
|
113
105
|
$schedule-tbar-border-nav: $border-light !default;
|
|
114
106
|
$schedule-tbar-border-nav-type: solid !default;
|
|
115
107
|
$schedule-tbar-hover-bg: $content-bg-color-alt3 !default;
|
|
116
|
-
$schedule-tbar-hover-font: rgba($primary, .87) !default;
|
|
117
108
|
$schedule-tbar-nav-bgr-width: 32px !default;
|
|
118
109
|
$schedule-tbar-bgr-item-size: 34px !default;
|
|
119
110
|
$schedule-tbar-bgr-size: $schedule-tbar-bgr-min-height !default;
|
|
@@ -129,64 +120,101 @@ $schedule-tbar-btn-bgr-padding: 8px !default;
|
|
|
129
120
|
$schedule-tbar-btn-icn-bgr-padding: 0 !default;
|
|
130
121
|
$schedule-tbar-btn-icn-right-bgr-padding: 4px 0 0 12px !default;
|
|
131
122
|
|
|
132
|
-
|
|
133
|
-
$schedule-header-hover-border-radius: 4px !default;
|
|
134
|
-
$schedule-box-shadow: 0 1px 0 rgba($black, .15) !default;
|
|
135
|
-
$schedule-popup-box-shadow-1: $shadow-lg !default;
|
|
136
|
-
$schedule-popup-box-shadow-2: $shadow-lg !default;
|
|
137
|
-
$schedule-popup-box-shadow-3: $shadow-lg !default;
|
|
138
|
-
$schedule-popup-border-color: $border-light !default;
|
|
139
|
-
$schedule-popup-bg-color: $content-bg-color !default;
|
|
140
|
-
$schedule-popup-header-icon-color: $icon-color !default;
|
|
141
|
-
$schedule-popup-header-icon-hover-color: $primary !default;
|
|
142
|
-
$schedule-popup-header-icon-hover-bg-color: rgba(255, 255, 255, .15) !default;
|
|
143
|
-
$schedule-popup-icon-color: $schedule-appointment-active-border-color !default;
|
|
144
|
-
$schedule-popup-icon-hover-color: $schedule-appointment-active-border-color !default;
|
|
145
|
-
$schedule-popup-icon-hover-bg-color: $content-bg-color-alt2 !default;
|
|
146
|
-
$schedule-popup-content-icon-color: $schedule-secondary-content-font-color !default;
|
|
147
|
-
$schedule-event-popup-content-padding: 0 18px 12px !default;
|
|
148
|
-
$schedule-event-popup-fields-padding: 12px !default;
|
|
149
|
-
$schedule-popup-title-color: rgba($color: $schedule-appointment-bg-color, $alpha: .3) !default;
|
|
150
|
-
$schedule-popup-btn-border: none !default;
|
|
151
|
-
$schedule-btn-txt-bgr-padding: 5px 12px !default;
|
|
152
|
-
$schedule-icon-color: $icon-color !default;
|
|
153
|
-
|
|
154
|
-
$schedule-event-box-shadow-1: $shadow-md !default;
|
|
155
|
-
$schedule-event-box-shadow-2: $shadow-md !default;
|
|
156
|
-
$schedule-event-box-shadow-3: $shadow-md !default;
|
|
157
|
-
$schedule-more-indicator-shadow-color: $shadow !default;
|
|
158
|
-
$schedule-more-indicator-nrml-font-size: $text-xxs !default;
|
|
159
|
-
$schedule-more-popup-close-margin-top: 8px !default;
|
|
160
|
-
$schedule-more-popup-padding: 8px 0 !default;
|
|
161
|
-
$schedule-more-appointment-margin-bottom: 2px !default;
|
|
162
|
-
$schedule-event-popup-header-icon-padding: 6px 8px 0 0 !default;
|
|
163
|
-
$schedule-event-popup-subject-padding: 12px 18px !default;
|
|
164
|
-
|
|
123
|
+
// view definitions
|
|
165
124
|
$schedule-timeline-header-cells-height: 36px !default;
|
|
166
125
|
$schedule-timeline-work-cells-height: 60px !default;
|
|
167
126
|
$schedule-timeline-work-cells-width: 50px !default;
|
|
168
127
|
$schedule-timeline-month-cells-width: 70px !default;
|
|
169
128
|
$schedule-timeline-work-cells-border: 0 0 1px 1px !default;
|
|
170
129
|
$schedule-rtl-timeline-work-cells-border: 0 1px 1px 0 !default;
|
|
171
|
-
$schedule-timeline-resources-width: 200px !default;
|
|
172
130
|
$schedule-timeline-appointment-height: 38px !default;
|
|
173
131
|
$schedule-timeline-year-work-cells-height: 75px !default;
|
|
174
132
|
$schedule-timeline-year-work-cells-width: 100px !default;
|
|
133
|
+
$schedule-timeline-year-resource-text-padding: 4px 12px !default;
|
|
134
|
+
$schedule-timeline-year-resource-cells-padding-left: 12px !default;
|
|
135
|
+
$schedule-timeline-year-left-indent-padding: 0 !default;
|
|
136
|
+
$schedule-timeline-date-header-wrap-padding: 8px 0 8px 8px !default;
|
|
137
|
+
$schedule-dialog-row-continer-padding-bottom: 12px !default;
|
|
138
|
+
$schedule-dialog-all-day-row-padding-top: 4px !default;
|
|
139
|
+
$schedule-dialog-all-day-row-padding-bottom: 12px !default;
|
|
140
|
+
$schedule-bigger-dialog-row-continer-padding-bottom: 12px !default;
|
|
141
|
+
$schedule-bigger-dialog-all-day-row-padding-top: 10px !default;
|
|
142
|
+
$schedule-device-dialog-all-day-row-padding-top: 20px !default;
|
|
143
|
+
$schedule-vertical-time-slot-color: $content-bg-color-alt2 !default;
|
|
144
|
+
$schedule-vertical-work-cells-border: 0 0 1px 1px !default;
|
|
145
|
+
$schedule-rtl-vertical-work-cells-border: 0 1px 1px 0 !default;
|
|
146
|
+
$schedule-month-work-cells-border: 0 0 1px 1px !default;
|
|
147
|
+
$schedule-month-work-cells-height: 80px !default;
|
|
148
|
+
$schedule-rtl-month-work-cells-border: 0 1px 1px 0 !default;
|
|
149
|
+
$schedule-month-agenda-header-cells-border: 0 0 1px 0 !default;
|
|
150
|
+
$schedule-month-agenda-work-cells-border: 0 !default;
|
|
151
|
+
$schedule-rtl-month-agenda-work-cells-border: 0 !default;
|
|
152
|
+
$schedule-agenda-color: $content-bg-color !default;
|
|
153
|
+
$schedule-month-agenda-app-indicator-color: $primary !default;
|
|
154
|
+
$schedule-agenda-date-header-padding: 8px 34px 14px 18px !default;
|
|
155
|
+
$schedule-agenda-item-padding: 10px 0 !default;
|
|
156
|
+
$schedule-agenda-appointment-padding: 0 12px !default;
|
|
157
|
+
$schedule-month-agenda-appointment-padding: 0 16px !default;
|
|
158
|
+
$schedule-month-agenda-item-padding: 10px 0 !default;
|
|
175
159
|
|
|
176
|
-
|
|
177
|
-
$schedule-
|
|
178
|
-
|
|
179
|
-
$schedule-val-error-color: $danger-bg-color !default;
|
|
180
|
-
$schedule-val-error-bg-color: $danger-light !default;
|
|
181
|
-
|
|
182
|
-
$schedule-block-appointment-bg-color: $content-bg-color-alt2 !default;
|
|
183
|
-
$schedule-block-appointment-font-color: $content-text-color-alt2 !default;
|
|
184
|
-
|
|
160
|
+
// resource definitions
|
|
161
|
+
$schedule-timeline-resources-width: 200px !default;
|
|
185
162
|
$schedule-resource-color-margin-top: 10px !default;
|
|
186
163
|
$schedule-bigger-resource-color-margin-top: 14px !default;
|
|
187
164
|
$schedule-resource-color-size: 14px !default;
|
|
188
165
|
$schedule-bigger-resource-color-size: 16px !default;
|
|
189
166
|
|
|
167
|
+
// dimension definitions
|
|
168
|
+
$schedule-header-cells-height: 60px !default;
|
|
169
|
+
$schedule-header-cells-width: 36px !default;
|
|
170
|
+
$schedule-month-header-cells-nrml-height: 34px !default;
|
|
171
|
+
$schedule-month-header-cells-bgr-height: 38px !default;
|
|
172
|
+
$schedule-month-header-cells-padding: 8px !default;
|
|
173
|
+
$schedule-allday-cells-height: 0 !default;
|
|
174
|
+
$schedule-work-cells-height: 36px !default;
|
|
175
|
+
$schedule-work-cells-width: 36px !default;
|
|
176
|
+
$schedule-date-header-line-height: 22px !default;
|
|
177
|
+
$schedule-date-header-margin: 3px 3px 2px !default;
|
|
178
|
+
$schedule-timezone-enable-nrml-height: 60px !default;
|
|
179
|
+
$schedule-timezone-enable-bgr-height: 66px !default;
|
|
180
|
+
$schedule-header-cells-padding: 8px 8px 0 !default;
|
|
181
|
+
$schedule-time-scale-width: 85px !default;
|
|
182
|
+
$schedule-device-time-scale-width: 35px !default;
|
|
183
|
+
$border-type: solid !default;
|
|
184
|
+
$schedule-alternate-cell-border: dotted !default;
|
|
185
|
+
$schedule-header-hover-border-radius: 4px !default;
|
|
186
|
+
$schedule-more-popup-wrapper-border-radius: 6px !default;
|
|
187
|
+
$schedule-box-shadow: 0 1px 0 rgba($black, .15) !default;
|
|
188
|
+
$schedule-btn-txt-bgr-padding: 5px 12px !default;
|
|
189
|
+
|
|
190
|
+
// color definitions
|
|
191
|
+
$schedule-header-bg-color: $content-bg-color !default;
|
|
192
|
+
$schedule-header-border-color: $border-light !default;
|
|
193
|
+
$schedule-header-hover-color: $content-bg-color-alt3 !default;
|
|
194
|
+
$schedule-content-bg-color: $content-bg-color !default;
|
|
195
|
+
$schedule-content-border-color: $border-light !default;
|
|
196
|
+
$schedule-month-agenda-border: 2px solid $schedule-content-border-color !default;
|
|
197
|
+
$schedule-select-bg-color: $content-bg-color-alt2 !default;
|
|
198
|
+
$schedule-work-cells-bg-color: $content-bg-color-alt1 !default;
|
|
199
|
+
$schedule-current-date-bg-color: $primary !default;
|
|
200
|
+
$schedule-disable-dates-color: $content-bg-color-alt2 !default;
|
|
201
|
+
$schedule-workhour-bg-color: $content-bg-color !default;
|
|
202
|
+
$schedule-hover-bg-color: darken($content-bg-color-alt1, 2%) !default;
|
|
203
|
+
$schedule-active-color: $content-bg-color !default;
|
|
204
|
+
$schedule-current-day-active-color: $schedule-active-color !default;
|
|
205
|
+
$schedule-active-border-color: $primary !default;
|
|
206
|
+
$schedule-calendar-background: $flyout-bg-color !default;
|
|
207
|
+
$schedule-icon-color: $icon-color !default;
|
|
208
|
+
$schedule-more-indicator-shadow-color: $shadow !default;
|
|
209
|
+
$schedule-more-indicator-shadow-color-res-tree-popup: $schedule-more-indicator-shadow-color !default;
|
|
210
|
+
$schedule-more-indicator-shadow-color-more-popup: none !default;
|
|
211
|
+
$schedule-tree-bg-color: $content-bg-color-alt1 !default;
|
|
212
|
+
$schedule-val-error-color: $danger-bg-color !default;
|
|
213
|
+
$schedule-val-error-bg-color: $danger-light !default;
|
|
214
|
+
$schedule-tree-content-color: $content-text-color-alt2;
|
|
215
|
+
$schedule-popup-header-icon-focus-bg-color: $schedule-active-color !default;
|
|
216
|
+
$schedule-popup-header-icon-focus-color: $schedule-popup-header-icon-hover-color !default;
|
|
217
|
+
|
|
190
218
|
@mixin tbar-btn-animation {
|
|
191
219
|
content: '';
|
|
192
220
|
}
|
|
@@ -194,5 +222,3 @@ $schedule-bigger-resource-color-size: 16px !default;
|
|
|
194
222
|
@mixin tbar-btn-animation-after {
|
|
195
223
|
content: '';
|
|
196
224
|
}
|
|
197
|
-
|
|
198
|
-
$schedule-tree-content-color: $content-text-color-alt2;
|
|
@@ -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-tertiary !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 1px 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: $neutral-lighter !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: $neutral-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;
|