alchemy_cms 6.0.0.pre.rc3 → 6.0.0.pre.rc6

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.

Potentially problematic release.


This version of alchemy_cms might be problematic. Click here for more details.

Files changed (43) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ci.yml +0 -7
  3. data/CHANGELOG.md +26 -0
  4. data/alchemy_cms.gemspec +1 -1
  5. data/app/assets/javascripts/alchemy/admin.js +0 -2
  6. data/app/assets/javascripts/alchemy/alchemy.dialog.js.coffee +6 -1
  7. data/app/assets/javascripts/alchemy/alchemy.gui.js.coffee +2 -2
  8. data/app/assets/stylesheets/alchemy/_extends.scss +4 -4
  9. data/app/assets/stylesheets/alchemy/flatpickr.scss +182 -232
  10. data/app/assets/stylesheets/alchemy/sitemap.scss +7 -1
  11. data/app/controllers/alchemy/admin/base_controller.rb +9 -3
  12. data/app/controllers/alchemy/admin/pages_controller.rb +1 -3
  13. data/app/models/alchemy/page.rb +9 -3
  14. data/app/services/alchemy/tag_validations.rb +21 -0
  15. data/app/views/alchemy/admin/pages/_sitemap.html.erb +8 -8
  16. data/app/views/alchemy/admin/pages/edit.html.erb +1 -1
  17. data/app/views/alchemy/admin/pages/fold.js.erb +1 -1
  18. data/app/views/alchemy/admin/pages/update.js.erb +0 -5
  19. data/config/locales/alchemy.en.yml +0 -1
  20. data/config/routes.rb +0 -1
  21. data/db/migrate/20200226213334_alchemy_four_point_four.rb +30 -30
  22. data/db/migrate/20200423073425_create_alchemy_essence_nodes.rb +1 -1
  23. data/db/migrate/20200504210159_remove_site_id_from_nodes.rb +1 -1
  24. data/db/migrate/20200505215518_add_language_id_foreign_key_to_alchemy_pages.rb +1 -1
  25. data/db/migrate/20200511113603_add_menu_type_to_alchemy_nodes.rb +1 -1
  26. data/db/migrate/20200514091507_make_page_layoutpage_null_false.rb +1 -1
  27. data/db/migrate/20200519073500_remove_visible_from_alchemy_pages.rb +1 -1
  28. data/db/migrate/20200617110713_create_alchemy_picture_thumbs.rb +1 -1
  29. data/db/migrate/20200907111332_remove_tri_state_booleans.rb +1 -1
  30. data/db/migrate/20201207131309_create_page_versions.rb +1 -1
  31. data/db/migrate/20201207135820_add_page_version_id_to_alchemy_elements.rb +1 -1
  32. data/lib/alchemy/engine.rb +5 -4
  33. data/lib/alchemy/error_tracking.rb +14 -0
  34. data/lib/alchemy/version.rb +1 -1
  35. data/lib/alchemy_cms.rb +1 -0
  36. data/package/admin.js +7 -1
  37. data/package/src/datepicker.js +39 -0
  38. data/package/src/page_publication_fields.js +27 -0
  39. data/package/src/sitemap.js +133 -0
  40. data/package.json +2 -1
  41. metadata +11 -8
  42. data/app/assets/javascripts/alchemy/alchemy.datepicker.js.coffee +0 -29
  43. data/app/assets/javascripts/alchemy/alchemy.sitemap.js.coffee +0 -119
@@ -19,148 +19,137 @@
19
19
  -ms-touch-action: manipulation;
20
20
  touch-action: manipulation;
21
21
  background: $white;
22
- -webkit-box-shadow: 1px 0 0 $medium-gray, -1px 0 0 $medium-gray, 0 1px 0 $medium-gray, 0 -1px 0 $medium-gray, 0 3px 13px rgba(0, 0, 0, 0.08);
23
- box-shadow: 1px 0 0 $medium-gray, -1px 0 0 $medium-gray, 0 1px 0 $medium-gray, 0 -1px 0 $medium-gray, 0 3px 13px rgba(0, 0, 0, 0.08);
22
+ -webkit-box-shadow: 1px 0 0 $medium-gray, -1px 0 0 $medium-gray,
23
+ 0 1px 0 $medium-gray, 0 -1px 0 $medium-gray, 0 3px 13px rgba(0, 0, 0, 0.08);
24
+ box-shadow: 1px 0 0 $medium-gray, -1px 0 0 $medium-gray, 0 1px 0 $medium-gray,
25
+ 0 -1px 0 $medium-gray, 0 3px 13px rgba(0, 0, 0, 0.08);
24
26
  }
25
-
26
27
  .flatpickr-calendar.open,
27
28
  .flatpickr-calendar.inline {
28
29
  opacity: 1;
29
30
  max-height: 640px;
30
- visibility: visible
31
+ visibility: visible;
31
32
  }
32
-
33
33
  .flatpickr-calendar.open {
34
34
  display: inline-block;
35
- z-index: 99999
35
+ z-index: 99999;
36
36
  }
37
-
38
37
  .flatpickr-calendar.animate.open {
39
- -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1);
40
- animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1)
38
+ -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
39
+ animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
41
40
  }
42
-
43
41
  .flatpickr-calendar.inline {
44
42
  display: block;
45
43
  position: relative;
46
- top: 2px
44
+ top: 2px;
47
45
  }
48
-
49
46
  .flatpickr-calendar.static {
50
47
  position: absolute;
51
48
  top: calc(100% + 2px);
52
49
  }
53
-
54
50
  .flatpickr-calendar.static.open {
55
51
  z-index: 999;
56
- display: block
52
+ display: block;
57
53
  }
58
-
59
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
54
+ .flatpickr-calendar.multiMonth
55
+ .flatpickr-days
56
+ .dayContainer:nth-child(n + 1)
57
+ .flatpickr-day.inRange:nth-child(7n + 7) {
60
58
  -webkit-box-shadow: none !important;
61
- box-shadow: none !important
59
+ box-shadow: none !important;
62
60
  }
63
-
64
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
61
+ .flatpickr-calendar.multiMonth
62
+ .flatpickr-days
63
+ .dayContainer:nth-child(n + 2)
64
+ .flatpickr-day.inRange:nth-child(7n + 1) {
65
65
  -webkit-box-shadow: -2px 0 0 $medium-gray, 5px 0 0 $medium-gray;
66
- box-shadow: -2px 0 0 $medium-gray, 5px 0 0 $medium-gray
66
+ box-shadow: -2px 0 0 $medium-gray, 5px 0 0 $medium-gray;
67
67
  }
68
-
69
68
  .flatpickr-calendar .hasWeeks .dayContainer,
70
69
  .flatpickr-calendar .hasTime .dayContainer {
71
70
  border-bottom: 0;
72
71
  border-bottom-right-radius: 0;
73
- border-bottom-left-radius: 0
72
+ border-bottom-left-radius: 0;
74
73
  }
75
-
76
74
  .flatpickr-calendar .hasWeeks .dayContainer {
77
- border-left: 0
75
+ border-left: 0;
78
76
  }
79
-
80
- .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
77
+ .flatpickr-calendar.hasTime .flatpickr-time {
81
78
  height: 40px;
82
- border-top: 1px solid $medium-gray
79
+ border-top: 1px solid $medium-gray;
83
80
  }
84
-
85
81
  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
86
- height: auto
82
+ height: auto;
87
83
  }
88
-
89
84
  .flatpickr-calendar:before,
90
85
  .flatpickr-calendar:after {
91
86
  position: absolute;
92
87
  display: block;
93
88
  pointer-events: none;
94
89
  border: solid transparent;
95
- content: '';
90
+ content: "";
96
91
  height: 0;
97
92
  width: 0;
98
- left: 22px
93
+ left: 22px;
99
94
  }
100
-
101
95
  .flatpickr-calendar.rightMost:before,
102
- .flatpickr-calendar.rightMost:after {
96
+ .flatpickr-calendar.arrowRight:before,
97
+ .flatpickr-calendar.rightMost:after,
98
+ .flatpickr-calendar.arrowRight:after {
103
99
  left: auto;
104
- right: 22px
100
+ right: 22px;
101
+ }
102
+ .flatpickr-calendar.arrowCenter:before,
103
+ .flatpickr-calendar.arrowCenter:after {
104
+ left: 50%;
105
+ right: 50%;
105
106
  }
106
-
107
107
  .flatpickr-calendar:before {
108
108
  border-width: 5px;
109
- margin: 0 -5px
109
+ margin: 0 -5px;
110
110
  }
111
-
112
111
  .flatpickr-calendar:after {
113
112
  border-width: 4px;
114
- margin: 0 -4px
113
+ margin: 0 -4px;
115
114
  }
116
-
117
115
  .flatpickr-calendar.arrowTop:before,
118
116
  .flatpickr-calendar.arrowTop:after {
119
- bottom: 100%
117
+ bottom: 100%;
120
118
  }
121
-
122
119
  .flatpickr-calendar.arrowTop:before {
123
- border-bottom-color: $medium-gray
120
+ border-bottom-color: $medium-gray;
124
121
  }
125
-
126
122
  .flatpickr-calendar.arrowTop:after {
127
- border-bottom-color: $white
123
+ border-bottom-color: $white;
128
124
  }
129
-
130
125
  .flatpickr-calendar.arrowBottom:before,
131
126
  .flatpickr-calendar.arrowBottom:after {
132
- top: 100%
127
+ top: 100%;
133
128
  }
134
-
135
129
  .flatpickr-calendar.arrowBottom:before {
136
- border-top-color: $medium-gray
130
+ border-top-color: $medium-gray;
137
131
  }
138
-
139
132
  .flatpickr-calendar.arrowBottom:after {
140
- border-top-color: $white
133
+ border-top-color: $white;
141
134
  }
142
-
143
135
  .flatpickr-calendar:focus {
144
- outline: 0
136
+ outline: 0;
145
137
  }
146
-
147
138
  .flatpickr-wrapper {
148
139
  position: relative;
149
- display: inline-block
140
+ display: inline-block;
150
141
  }
151
-
152
142
  .flatpickr-months {
153
143
  display: -webkit-box;
154
144
  display: -webkit-flex;
155
145
  display: -ms-flexbox;
156
146
  display: flex;
157
147
  }
158
-
159
148
  .flatpickr-months .flatpickr-month {
160
149
  background: transparent;
161
150
  color: rgba(0, 0, 0, 0.9);
162
151
  fill: rgba(0, 0, 0, 0.9);
163
- height: $form-field-height;
152
+ height: 34px;
164
153
  line-height: 1;
165
154
  text-align: center;
166
155
  position: relative;
@@ -172,43 +161,35 @@
172
161
  -webkit-box-flex: 1;
173
162
  -webkit-flex: 1;
174
163
  -ms-flex: 1;
175
- flex: 1
164
+ flex: 1;
176
165
  }
177
-
178
166
  .flatpickr-months .flatpickr-prev-month,
179
167
  .flatpickr-months .flatpickr-next-month {
180
168
  text-decoration: none;
181
169
  cursor: pointer;
182
170
  position: absolute;
183
171
  top: 0;
184
- line-height: 16px;
185
- height: 28px;
172
+ height: 34px;
186
173
  padding: 10px;
187
174
  z-index: 3;
188
175
  color: rgba(0, 0, 0, 0.9);
189
176
  fill: rgba(0, 0, 0, 0.9);
190
177
  }
191
-
192
- .flatpickr-months .flatpickr-prev-month.disabled,
193
- .flatpickr-months .flatpickr-next-month.disabled {
194
- display: none
178
+ .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
179
+ .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
180
+ display: none;
195
181
  }
196
-
197
182
  .flatpickr-months .flatpickr-prev-month i,
198
183
  .flatpickr-months .flatpickr-next-month i {
199
- position: relative
184
+ position: relative;
200
185
  }
201
-
202
186
  .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
203
187
  .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
204
188
  /*
205
189
  /*rtl:begin:ignore*/
206
- left: 0;
207
- /*
190
+ left: 0; /*
208
191
  /*rtl:end:ignore*/
209
- }
210
-
211
- /*
192
+ } /*
212
193
  /*rtl:begin:ignore*/
213
194
  /*
214
195
  /*rtl:end:ignore*/
@@ -216,12 +197,9 @@
216
197
  .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
217
198
  /*
218
199
  /*rtl:begin:ignore*/
219
- right: 0;
220
- /*
200
+ right: 0; /*
221
201
  /*rtl:end:ignore*/
222
- }
223
-
224
- /*
202
+ } /*
225
203
  /*rtl:begin:ignore*/
226
204
  /*
227
205
  /*rtl:end:ignore*/
@@ -229,43 +207,40 @@
229
207
  .flatpickr-months .flatpickr-next-month:hover {
230
208
  color: $dark-gray;
231
209
  }
232
-
233
210
  .flatpickr-months .flatpickr-prev-month:hover svg,
234
211
  .flatpickr-months .flatpickr-next-month:hover svg {
235
212
  fill: $dark-orange;
236
213
  }
237
-
238
214
  .flatpickr-months .flatpickr-prev-month svg,
239
215
  .flatpickr-months .flatpickr-next-month svg {
240
216
  width: 14px;
241
217
  height: 14px;
242
218
  }
243
-
244
219
  .flatpickr-months .flatpickr-prev-month svg path,
245
220
  .flatpickr-months .flatpickr-next-month svg path {
246
- -webkit-transition: fill .1s;
247
- transition: fill .1s;
248
- fill: inherit
221
+ -webkit-transition: fill 0.1s;
222
+ transition: fill 0.1s;
223
+ fill: inherit;
249
224
  }
250
-
251
225
  .numInputWrapper {
252
226
  position: relative;
253
227
  height: auto;
254
228
  }
255
-
256
229
  .numInputWrapper input,
257
230
  .numInputWrapper span {
258
- display: inline-block
231
+ display: inline-block;
259
232
  }
260
-
261
233
  .numInputWrapper input {
262
234
  width: 100%;
263
235
  }
264
-
265
236
  .numInputWrapper input::-ms-clear {
266
- display: none
237
+ display: none;
238
+ }
239
+ .numInputWrapper input::-webkit-outer-spin-button,
240
+ .numInputWrapper input::-webkit-inner-spin-button {
241
+ margin: 0;
242
+ -webkit-appearance: none;
267
243
  }
268
-
269
244
  .numInputWrapper span {
270
245
  position: absolute;
271
246
  right: 0;
@@ -275,119 +250,101 @@
275
250
  line-height: 50%;
276
251
  opacity: 0;
277
252
  cursor: pointer;
278
- border: 1px solid rgba(57, 57, 57, 0.15);
253
+ border: $default-border;
279
254
  -webkit-box-sizing: border-box;
280
255
  box-sizing: border-box;
281
256
  }
282
-
283
257
  .numInputWrapper span:hover {
284
- background: rgba(0, 0, 0, 0.1)
258
+ background: rgba(0, 0, 0, 0.1);
285
259
  }
286
-
287
260
  .numInputWrapper span:active {
288
- background: rgba(0, 0, 0, 0.2)
261
+ background: rgba(0, 0, 0, 0.2);
289
262
  }
290
-
291
263
  .numInputWrapper span:after {
292
264
  display: block;
293
265
  content: "";
294
- position: absolute
266
+ position: absolute;
295
267
  }
296
-
297
268
  .numInputWrapper span.arrowUp {
298
269
  top: 0;
299
270
  border-bottom: 0;
300
271
  }
301
-
302
272
  .numInputWrapper span.arrowUp:after {
303
273
  border-left: 4px solid transparent;
304
274
  border-right: 4px solid transparent;
305
- border-bottom: 4px solid rgba(57, 57, 57, 0.6);
306
- top: 26%
275
+ border-bottom: 4px solid $default-border-color;
276
+ top: 26%;
307
277
  }
308
-
309
278
  .numInputWrapper span.arrowDown {
310
279
  top: 50%;
311
280
  }
312
-
313
281
  .numInputWrapper span.arrowDown:after {
314
282
  border-left: 4px solid transparent;
315
283
  border-right: 4px solid transparent;
316
- border-top: 4px solid rgba(57, 57, 57, 0.6);
317
- top: 40%
284
+ border-top: 4px solid $default-border-color;
285
+ top: 40%;
318
286
  }
319
-
320
287
  .numInputWrapper span svg {
321
288
  width: inherit;
322
289
  height: auto;
323
290
  }
324
-
325
291
  .numInputWrapper span svg path {
326
- fill: rgba(0, 0, 0, 0.5)
292
+ fill: rgba(0, 0, 0, 0.5);
327
293
  }
328
-
329
294
  .numInputWrapper:hover {
330
295
  background: rgba(0, 0, 0, 0.05);
331
296
  }
332
-
333
297
  .numInputWrapper:hover span {
334
- opacity: 1
298
+ opacity: 1;
335
299
  }
336
-
337
300
  .flatpickr-current-month {
338
- font-size: 1.25rem;
301
+ font-size: 135%;
339
302
  line-height: inherit;
340
303
  font-weight: 300;
341
304
  color: inherit;
342
305
  position: absolute;
343
306
  width: 75%;
344
307
  left: 12.5%;
345
- padding: 6.16px 0 0 0;
308
+ padding: 7.48px 0 0 0;
346
309
  line-height: 1;
347
- height: 28px;
310
+ height: 34px;
348
311
  display: inline-block;
349
312
  text-align: center;
350
313
  -webkit-transform: translate3d(0, 0, 0);
351
314
  transform: translate3d(0, 0, 0);
352
315
  }
353
-
354
316
  .flatpickr-current-month span.cur-month {
355
317
  font-family: inherit;
356
318
  font-weight: 700;
357
319
  color: inherit;
358
320
  display: inline-block;
359
- margin-left: .5ch;
321
+ margin-left: 0.5ch;
360
322
  padding: 0;
361
323
  }
362
-
363
324
  .flatpickr-current-month span.cur-month:hover {
364
- background: rgba(0, 0, 0, 0.05)
325
+ background: rgba(0, 0, 0, 0.05);
365
326
  }
366
-
367
327
  .flatpickr-current-month .numInputWrapper {
368
328
  width: 6ch;
369
329
  width: 7ch\0;
370
330
  display: inline-block;
371
331
  }
372
-
373
332
  .flatpickr-current-month .numInputWrapper span.arrowUp:after {
374
- border-bottom-color: rgba(0, 0, 0, 0.9)
333
+ border-bottom-color: rgba(0, 0, 0, 0.9);
375
334
  }
376
-
377
335
  .flatpickr-current-month .numInputWrapper span.arrowDown:after {
378
- border-top-color: rgba(0, 0, 0, 0.9)
336
+ border-top-color: rgba(0, 0, 0, 0.9);
379
337
  }
380
-
381
338
  .flatpickr-current-month input.cur-year {
382
339
  background: transparent;
383
340
  -webkit-box-sizing: border-box;
384
341
  box-sizing: border-box;
385
342
  color: inherit;
386
343
  cursor: text;
387
- padding: 0 0 0 .5ch;
344
+ padding: 0 0 0 0.5ch;
388
345
  margin: 0;
389
346
  display: inline-block;
390
- font-size: $form-field-font-size;
347
+ font-size: inherit;
391
348
  font-family: inherit;
392
349
  font-weight: 300;
393
350
  line-height: inherit;
@@ -395,19 +352,57 @@
395
352
  border: 0;
396
353
  border-radius: 0;
397
354
  vertical-align: initial;
355
+ -webkit-appearance: textfield;
356
+ -moz-appearance: textfield;
357
+ appearance: textfield;
398
358
  }
399
-
400
359
  .flatpickr-current-month input.cur-year:focus {
401
- outline: 0
360
+ outline: 0;
402
361
  }
403
-
404
362
  .flatpickr-current-month input.cur-year[disabled],
405
363
  .flatpickr-current-month input.cur-year[disabled]:hover {
364
+ font-size: 100%;
406
365
  color: rgba(0, 0, 0, 0.5);
407
366
  background: transparent;
408
- pointer-events: none
367
+ pointer-events: none;
368
+ }
369
+ .flatpickr-current-month .flatpickr-monthDropdown-months {
370
+ appearance: menulist;
371
+ background: transparent;
372
+ border: none;
373
+ border-radius: 0;
374
+ box-sizing: border-box;
375
+ color: inherit;
376
+ cursor: pointer;
377
+ font-size: inherit;
378
+ font-family: inherit;
379
+ font-weight: 300;
380
+ height: auto;
381
+ line-height: inherit;
382
+ margin: -1px 0 0 0;
383
+ outline: none;
384
+ padding: 0 0 0 0.5ch;
385
+ position: relative;
386
+ vertical-align: initial;
387
+ -webkit-box-sizing: border-box;
388
+ -webkit-appearance: menulist;
389
+ -moz-appearance: menulist;
390
+ width: auto;
391
+ }
392
+ .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
393
+ .flatpickr-current-month .flatpickr-monthDropdown-months:active {
394
+ outline: none;
395
+ }
396
+ .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
397
+ background: rgba(0, 0, 0, 0.05);
398
+ }
399
+ .flatpickr-current-month
400
+ .flatpickr-monthDropdown-months
401
+ .flatpickr-monthDropdown-month {
402
+ background-color: transparent;
403
+ outline: none;
404
+ padding: 0;
409
405
  }
410
-
411
406
  .flatpickr-weekdays {
412
407
  background: transparent;
413
408
  text-align: center;
@@ -423,7 +418,6 @@
423
418
  align-items: center;
424
419
  height: 28px;
425
420
  }
426
-
427
421
  .flatpickr-weekdays .flatpickr-weekdaycontainer {
428
422
  display: -webkit-box;
429
423
  display: -webkit-flex;
@@ -432,11 +426,11 @@
432
426
  -webkit-box-flex: 1;
433
427
  -webkit-flex: 1;
434
428
  -ms-flex: 1;
435
- flex: 1
429
+ flex: 1;
436
430
  }
437
-
438
431
  span.flatpickr-weekday {
439
432
  cursor: default;
433
+ font-size: 90%;
440
434
  background: transparent;
441
435
  color: rgba(0, 0, 0, 0.54);
442
436
  line-height: 1;
@@ -447,14 +441,12 @@ span.flatpickr-weekday {
447
441
  -webkit-flex: 1;
448
442
  -ms-flex: 1;
449
443
  flex: 1;
450
- font-weight: bolder
444
+ font-weight: bolder;
451
445
  }
452
-
453
446
  .dayContainer,
454
447
  .flatpickr-weeks {
455
- padding: 1px 0 0 0
448
+ padding: 1px 0 0 0;
456
449
  }
457
-
458
450
  .flatpickr-days {
459
451
  position: relative;
460
452
  overflow: hidden;
@@ -468,11 +460,9 @@ span.flatpickr-weekday {
468
460
  align-items: flex-start;
469
461
  width: 307.875px;
470
462
  }
471
-
472
463
  .flatpickr-days:focus {
473
- outline: 0
464
+ outline: 0;
474
465
  }
475
-
476
466
  .dayContainer {
477
467
  padding: 0;
478
468
  outline: 0;
@@ -497,16 +487,14 @@ span.flatpickr-weekday {
497
487
  transform: translate3d(0, 0, 0);
498
488
  opacity: 1;
499
489
  }
500
-
501
- .dayContainer+.dayContainer {
490
+ .dayContainer + .dayContainer {
502
491
  -webkit-box-shadow: -1px 0 0 $medium-gray;
503
- box-shadow: -1px 0 0 $medium-gray
492
+ box-shadow: -1px 0 0 $medium-gray;
504
493
  }
505
-
506
494
  .flatpickr-day {
507
495
  background: none;
508
496
  border: 1px solid transparent;
509
- border-radius: $default-border-radius;
497
+ border-radius: 150px;
510
498
  -webkit-box-sizing: border-box;
511
499
  box-sizing: border-box;
512
500
  color: #393939;
@@ -528,7 +516,6 @@ span.flatpickr-weekday {
528
516
  justify-content: center;
529
517
  text-align: center;
530
518
  }
531
-
532
519
  .flatpickr-day.inRange,
533
520
  .flatpickr-day.prevMonthDay.inRange,
534
521
  .flatpickr-day.nextMonthDay.inRange,
@@ -544,20 +531,17 @@ span.flatpickr-weekday {
544
531
  cursor: pointer;
545
532
  outline: 0;
546
533
  background: $medium-gray;
547
- border-color: $medium-gray
534
+ border-color: $medium-gray;
548
535
  }
549
-
550
536
  .flatpickr-day.today {
551
537
  border-color: $dark-gray;
552
538
  }
553
-
554
539
  .flatpickr-day.today:hover,
555
540
  .flatpickr-day.today:focus {
556
541
  border-color: $dark-gray;
557
542
  background: $dark-gray;
558
- color: $white
543
+ color: $white;
559
544
  }
560
-
561
545
  .flatpickr-day.selected,
562
546
  .flatpickr-day.startRange,
563
547
  .flatpickr-day.endRange,
@@ -580,42 +564,36 @@ span.flatpickr-weekday {
580
564
  -webkit-box-shadow: none;
581
565
  box-shadow: none;
582
566
  color: $white;
583
- border-color: $blue
567
+ border-color: $blue;
584
568
  }
585
-
586
569
  .flatpickr-day.selected.startRange,
587
570
  .flatpickr-day.startRange.startRange,
588
571
  .flatpickr-day.endRange.startRange {
589
- border-radius: 50px 0 0 50px
572
+ border-radius: 50px 0 0 50px;
590
573
  }
591
-
592
574
  .flatpickr-day.selected.endRange,
593
575
  .flatpickr-day.startRange.endRange,
594
576
  .flatpickr-day.endRange.endRange {
595
- border-radius: 0 50px 50px 0
577
+ border-radius: 0 50px 50px 0;
596
578
  }
597
-
598
- .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
599
- .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
600
- .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
579
+ .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
580
+ .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
581
+ .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
601
582
  -webkit-box-shadow: -10px 0 0 $blue;
602
- box-shadow: -10px 0 0 $blue
583
+ box-shadow: -10px 0 0 $blue;
603
584
  }
604
-
605
585
  .flatpickr-day.selected.startRange.endRange,
606
586
  .flatpickr-day.startRange.startRange.endRange,
607
587
  .flatpickr-day.endRange.startRange.endRange {
608
- border-radius: 50px
588
+ border-radius: 50px;
609
589
  }
610
-
611
590
  .flatpickr-day.inRange {
612
591
  border-radius: 0;
613
592
  -webkit-box-shadow: -5px 0 0 $medium-gray, 5px 0 0 $medium-gray;
614
- box-shadow: -5px 0 0 $medium-gray, 5px 0 0 $medium-gray
593
+ box-shadow: -5px 0 0 $medium-gray, 5px 0 0 $medium-gray;
615
594
  }
616
-
617
- .flatpickr-day.disabled,
618
- .flatpickr-day.disabled:hover,
595
+ .flatpickr-day.flatpickr-disabled,
596
+ .flatpickr-day.flatpickr-disabled:hover,
619
597
  .flatpickr-day.prevMonthDay,
620
598
  .flatpickr-day.nextMonthDay,
621
599
  .flatpickr-day.notAllowed,
@@ -624,46 +602,37 @@ span.flatpickr-weekday {
624
602
  color: rgba(57, 57, 57, 0.3);
625
603
  background: transparent;
626
604
  border-color: transparent;
627
- cursor: default
605
+ cursor: default;
628
606
  }
629
-
630
- .flatpickr-day.disabled,
631
- .flatpickr-day.disabled:hover {
607
+ .flatpickr-day.flatpickr-disabled,
608
+ .flatpickr-day.flatpickr-disabled:hover {
632
609
  cursor: not-allowed;
633
- color: rgba(57, 57, 57, 0.1)
610
+ color: rgba(57, 57, 57, 0.1);
634
611
  }
635
-
636
612
  .flatpickr-day.week.selected {
637
613
  border-radius: 0;
638
614
  -webkit-box-shadow: -5px 0 0 $blue, 5px 0 0 $blue;
639
- box-shadow: -5px 0 0 $blue, 5px 0 0 $blue
615
+ box-shadow: -5px 0 0 $blue, 5px 0 0 $blue;
640
616
  }
641
-
642
617
  .flatpickr-day.hidden {
643
- visibility: hidden
618
+ visibility: hidden;
644
619
  }
645
-
646
620
  .rangeMode .flatpickr-day {
647
- margin-top: 1px
621
+ margin-top: 1px;
648
622
  }
649
-
650
623
  .flatpickr-weekwrapper {
651
- display: inline-block;
652
624
  float: left;
653
625
  }
654
-
655
626
  .flatpickr-weekwrapper .flatpickr-weeks {
656
627
  padding: 0 12px;
657
628
  -webkit-box-shadow: 1px 0 0 $medium-gray;
658
- box-shadow: 1px 0 0 $medium-gray
629
+ box-shadow: 1px 0 0 $medium-gray;
659
630
  }
660
-
661
631
  .flatpickr-weekwrapper .flatpickr-weekday {
662
632
  float: none;
663
633
  width: 100%;
664
- line-height: 28px
634
+ line-height: 28px;
665
635
  }
666
-
667
636
  .flatpickr-weekwrapper span.flatpickr-day,
668
637
  .flatpickr-weekwrapper span.flatpickr-day:hover {
669
638
  display: block;
@@ -672,9 +641,8 @@ span.flatpickr-weekday {
672
641
  color: rgba(57, 57, 57, 0.3);
673
642
  background: transparent;
674
643
  cursor: default;
675
- border: none
644
+ border: none;
676
645
  }
677
-
678
646
  .flatpickr-innerContainer {
679
647
  display: block;
680
648
  display: -webkit-box;
@@ -685,14 +653,12 @@ span.flatpickr-weekday {
685
653
  box-sizing: border-box;
686
654
  overflow: hidden;
687
655
  }
688
-
689
656
  .flatpickr-rContainer {
690
657
  display: inline-block;
691
658
  padding: 0;
692
659
  -webkit-box-sizing: border-box;
693
- box-sizing: border-box
660
+ box-sizing: border-box;
694
661
  }
695
-
696
662
  .flatpickr-time {
697
663
  text-align: center;
698
664
  outline: 0;
@@ -708,13 +674,11 @@ span.flatpickr-weekday {
708
674
  display: -ms-flexbox;
709
675
  display: flex;
710
676
  }
711
-
712
677
  .flatpickr-time:after {
713
678
  content: "";
714
679
  display: table;
715
- clear: both
680
+ clear: both;
716
681
  }
717
-
718
682
  .flatpickr-time .numInputWrapper {
719
683
  -webkit-box-flex: 1;
720
684
  -webkit-flex: 1;
@@ -724,23 +688,18 @@ span.flatpickr-weekday {
724
688
  height: 40px;
725
689
  float: left;
726
690
  }
727
-
728
691
  .flatpickr-time .numInputWrapper span.arrowUp:after {
729
- border-bottom-color: #393939
692
+ border-bottom-color: #393939;
730
693
  }
731
-
732
694
  .flatpickr-time .numInputWrapper span.arrowDown:after {
733
- border-top-color: #393939
695
+ border-top-color: #393939;
734
696
  }
735
-
736
697
  .flatpickr-time.hasSeconds .numInputWrapper {
737
- width: 26%
698
+ width: 26%;
738
699
  }
739
-
740
700
  .flatpickr-time.time24hr .numInputWrapper {
741
- width: 49%
701
+ width: 49%;
742
702
  }
743
-
744
703
  .flatpickr-time input {
745
704
  background: transparent;
746
705
  -webkit-box-shadow: none;
@@ -752,31 +711,29 @@ span.flatpickr-weekday {
752
711
  padding: 0;
753
712
  height: inherit;
754
713
  line-height: inherit;
755
- color: #393939;
756
- font-size: $form-field-font-size;
714
+ color: $form-field-text-color;
715
+ font-size: 14px;
757
716
  position: relative;
758
717
  -webkit-box-sizing: border-box;
759
718
  box-sizing: border-box;
719
+ -webkit-appearance: textfield;
720
+ -moz-appearance: textfield;
721
+ appearance: textfield;
760
722
  }
761
-
762
723
  .flatpickr-time input.flatpickr-hour {
763
- font-weight: bold
724
+ font-weight: bold;
764
725
  }
765
-
766
726
  .flatpickr-time input.flatpickr-minute,
767
727
  .flatpickr-time input.flatpickr-second {
768
- font-weight: 400
728
+ font-weight: 400;
769
729
  }
770
-
771
730
  .flatpickr-time input:focus {
772
731
  outline: 0;
773
- border: 0
732
+ border: 0;
774
733
  }
775
-
776
734
  .flatpickr-time .flatpickr-time-separator,
777
735
  .flatpickr-time .flatpickr-am-pm {
778
736
  height: inherit;
779
- display: inline-block;
780
737
  float: left;
781
738
  line-height: inherit;
782
739
  color: #393939;
@@ -788,52 +745,45 @@ span.flatpickr-weekday {
788
745
  user-select: none;
789
746
  -webkit-align-self: center;
790
747
  -ms-flex-item-align: center;
791
- align-self: center
748
+ align-self: center;
792
749
  }
793
-
794
750
  .flatpickr-time .flatpickr-am-pm {
795
751
  outline: 0;
796
752
  width: 18%;
797
753
  cursor: pointer;
798
754
  text-align: center;
799
- font-weight: 400
755
+ font-weight: 400;
800
756
  }
801
-
802
757
  .flatpickr-time input:hover,
803
758
  .flatpickr-time .flatpickr-am-pm:hover,
804
759
  .flatpickr-time input:focus,
805
760
  .flatpickr-time .flatpickr-am-pm:focus {
806
- background: $light-gray
761
+ background: $light-gray;
807
762
  }
808
-
809
763
  .flatpickr-input[readonly] {
810
- cursor: pointer
764
+ cursor: pointer;
811
765
  }
812
-
813
766
  @-webkit-keyframes fpFadeInDown {
814
767
  from {
815
768
  opacity: 0;
816
769
  -webkit-transform: translate3d(0, -20px, 0);
817
- transform: translate3d(0, -20px, 0)
770
+ transform: translate3d(0, -20px, 0);
818
771
  }
819
-
820
772
  to {
821
773
  opacity: 1;
822
774
  -webkit-transform: translate3d(0, 0, 0);
823
- transform: translate3d(0, 0, 0)
775
+ transform: translate3d(0, 0, 0);
824
776
  }
825
777
  }
826
-
827
778
  @keyframes fpFadeInDown {
828
779
  from {
829
780
  opacity: 0;
830
781
  -webkit-transform: translate3d(0, -20px, 0);
831
- transform: translate3d(0, -20px, 0)
782
+ transform: translate3d(0, -20px, 0);
832
783
  }
833
-
834
784
  to {
835
785
  opacity: 1;
836
786
  -webkit-transform: translate3d(0, 0, 0);
837
- transform: translate3d(0, 0, 0)
787
+ transform: translate3d(0, 0, 0);
838
788
  }
839
789
  }