@seafile/seafile-calendar 1.0.15 → 1.0.16
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/assets/index.css +157 -88
- package/package.json +1 -1
package/assets/index.css
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
position: absolute;
|
|
20
20
|
width: 100%;
|
|
21
21
|
top: 34px;
|
|
22
|
-
background-color:
|
|
22
|
+
background-color: var(--rc-calendar-popover-bg, #fff);
|
|
23
23
|
height: 217px;
|
|
24
24
|
}
|
|
25
25
|
.rc-calendar-time-picker-panel {
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
.rc-calendar-input {
|
|
61
61
|
border: 1px solid transparent;
|
|
62
62
|
width: 100%;
|
|
63
|
-
color: #212529;
|
|
63
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
64
64
|
cursor: text;
|
|
65
65
|
line-height: 1.5;
|
|
66
66
|
outline: 0;
|
|
@@ -93,10 +93,10 @@
|
|
|
93
93
|
align-items: center;
|
|
94
94
|
}
|
|
95
95
|
.rc-calendar-clear-btn svg {
|
|
96
|
-
color: #666;
|
|
96
|
+
color: var(--rc-calendar-icon-color, #666);
|
|
97
97
|
}
|
|
98
98
|
.rc-calendar-clear-btn:hover {
|
|
99
|
-
background-color: rgba(0, 0, 0, 0.04);
|
|
99
|
+
background-color: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
|
|
100
100
|
border-radius: 4px;
|
|
101
101
|
}
|
|
102
102
|
.rc-calendar-picker {
|
|
@@ -108,6 +108,69 @@
|
|
|
108
108
|
.rc-calendar-picker-hidden {
|
|
109
109
|
display: none;
|
|
110
110
|
}
|
|
111
|
+
.rc-calendar {
|
|
112
|
+
--rc-calendar-body-color: #212529;
|
|
113
|
+
--rc-calendar-icon-secondary-color: #999;
|
|
114
|
+
--rc-calendar-icon-color: #666;
|
|
115
|
+
--rc-calendar-icon-btn-hover-bg-color: rgba(0, 0, 0, 0.04);
|
|
116
|
+
--rc-calendar-input-focus-border-color: #3e84f7;
|
|
117
|
+
--rc-calendar-popover-bg: #fff;
|
|
118
|
+
--rc-calendar-sf-orange: #FF8000;
|
|
119
|
+
--rc-calendar-sf-orange-2: #ED7109;
|
|
120
|
+
--rc-calendar-divider-color: #eee;
|
|
121
|
+
--rc-calendar-disabled-bg: rgba(0, 0, 0, 0.05);
|
|
122
|
+
--rc-calendar-disabled-color: #c2c2c2;
|
|
123
|
+
--rc-calendar-out-range-color: #c2c2c2;
|
|
124
|
+
--rc-calendar-border-color: rgba(0, 40, 100, 0.12);
|
|
125
|
+
--rc-calendar-time-section-border: rgba(0, 40, 100, 0.12);
|
|
126
|
+
}
|
|
127
|
+
@media (prefers-color-scheme: dark) {
|
|
128
|
+
.rc-calendar {
|
|
129
|
+
--rc-calendar-body-color: rgba(255, 255, 255, 0.9);
|
|
130
|
+
--rc-calendar-icon-secondary-color: rgba(255, 255, 255, 0.5);
|
|
131
|
+
--rc-calendar-icon-color: #adb5bd;
|
|
132
|
+
--rc-calendar-icon-btn-hover-bg-color: rgba(255, 255, 255, 0.1);
|
|
133
|
+
--rc-calendar-input-focus-border-color: #3e84f7;
|
|
134
|
+
--rc-calendar-popover-bg: #1c1d1f;
|
|
135
|
+
--rc-calendar-divider-color: rgba(255, 255, 255, 0.1);
|
|
136
|
+
--rc-calendar-disabled-bg: rgba(255, 255, 255, 0.08);
|
|
137
|
+
--rc-calendar-disabled-color: rgba(255, 255, 255, 0.2);
|
|
138
|
+
--rc-calendar-out-range-color: rgba(255, 255, 255, 0.2);
|
|
139
|
+
--rc-calendar-border-color: rgba(255, 255, 255, 0.16);
|
|
140
|
+
--rc-calendar-time-section-border: rgba(255, 255, 255, 0.16);
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
/* Explicit theme values take precedence over the system preference. */
|
|
144
|
+
[data-bs-theme='light'] .rc-calendar,
|
|
145
|
+
.rc-calendar[data-bs-theme='light'] {
|
|
146
|
+
--rc-calendar-body-color: #212529;
|
|
147
|
+
--rc-calendar-icon-secondary-color: #999;
|
|
148
|
+
--rc-calendar-icon-color: #666;
|
|
149
|
+
--rc-calendar-icon-btn-hover-bg-color: rgba(0, 0, 0, 0.04);
|
|
150
|
+
--rc-calendar-input-focus-border-color: #3e84f7;
|
|
151
|
+
--rc-calendar-popover-bg: #fff;
|
|
152
|
+
--rc-calendar-sf-orange: #FF8000;
|
|
153
|
+
--rc-calendar-sf-orange-2: #ED7109;
|
|
154
|
+
--rc-calendar-disabled-bg: rgba(0, 0, 0, 0.05);
|
|
155
|
+
--rc-calendar-disabled-color: #c2c2c2;
|
|
156
|
+
--rc-calendar-out-range-color: #c2c2c2;
|
|
157
|
+
--rc-calendar-border-color: rgba(0, 40, 100, 0.12);
|
|
158
|
+
--rc-calendar-time-section-border: rgba(0, 40, 100, 0.12);
|
|
159
|
+
}
|
|
160
|
+
[data-bs-theme='dark'] .rc-calendar,
|
|
161
|
+
.rc-calendar[data-bs-theme='dark'] {
|
|
162
|
+
--rc-calendar-body-color: rgba(255, 255, 255, 0.9);
|
|
163
|
+
--rc-calendar-icon-secondary-color: rgba(255, 255, 255, 0.5);
|
|
164
|
+
--rc-calendar-icon-color: #adb5bd;
|
|
165
|
+
--rc-calendar-icon-btn-hover-bg-color: rgba(255, 255, 255, 0.1);
|
|
166
|
+
--rc-calendar-input-focus-border-color: #3e84f7;
|
|
167
|
+
--rc-calendar-popover-bg: #1c1d1f;
|
|
168
|
+
--rc-calendar-disabled-bg: rgba(255, 255, 255, 0.08);
|
|
169
|
+
--rc-calendar-disabled-color: rgba(255, 255, 255, 0.2);
|
|
170
|
+
--rc-calendar-out-range-color: rgba(255, 255, 255, 0.2);
|
|
171
|
+
--rc-calendar-border-color: rgba(255, 255, 255, 0.16);
|
|
172
|
+
--rc-calendar-time-section-border: rgba(255, 255, 255, 0.16);
|
|
173
|
+
}
|
|
111
174
|
.rc-calendar-picker-slide-up-enter {
|
|
112
175
|
animation-duration: .3s;
|
|
113
176
|
animation-fill-mode: both;
|
|
@@ -214,7 +277,7 @@
|
|
|
214
277
|
list-style: none;
|
|
215
278
|
font-size: 14px;
|
|
216
279
|
text-align: left;
|
|
217
|
-
background-color: #fff;
|
|
280
|
+
background-color: var(--rc-calendar-popover-bg, #fff);
|
|
218
281
|
border-radius: 8px;
|
|
219
282
|
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
|
|
220
283
|
background-clip: padding-box;
|
|
@@ -256,7 +319,7 @@
|
|
|
256
319
|
}
|
|
257
320
|
.rc-calendar-time-input-col {
|
|
258
321
|
width: 89px;
|
|
259
|
-
border-left: 1px solid #eee;
|
|
322
|
+
border-left: 1px solid var(--rc-calendar-divider-color, #eee);
|
|
260
323
|
}
|
|
261
324
|
.rc-calendar-date-input,
|
|
262
325
|
.rc-calendar-time-input {
|
|
@@ -273,19 +336,20 @@
|
|
|
273
336
|
height: 32px;
|
|
274
337
|
line-height: 32px;
|
|
275
338
|
width: 100%;
|
|
276
|
-
border: 1px solid
|
|
339
|
+
border: 1px solid var(--rc-calendar-border-color);
|
|
340
|
+
box-shadow: none;
|
|
277
341
|
border-radius: 4px;
|
|
278
342
|
}
|
|
279
343
|
.rc-calendar-date-input input {
|
|
280
|
-
padding:
|
|
344
|
+
padding: 0px 12px;
|
|
281
345
|
}
|
|
282
346
|
.rc-calendar-time-input input {
|
|
283
|
-
padding:
|
|
347
|
+
padding: 0px 12px;
|
|
284
348
|
}
|
|
285
349
|
.rc-calendar-date-input input:focus,
|
|
286
350
|
.rc-calendar-time-input input:focus {
|
|
287
|
-
border-color: #
|
|
288
|
-
box-shadow:
|
|
351
|
+
border-color: var(--rc-calendar-input-focus-border-color, #3e84f7);
|
|
352
|
+
box-shadow: none;
|
|
289
353
|
outline: none;
|
|
290
354
|
}
|
|
291
355
|
.rc-calendar-header {
|
|
@@ -318,7 +382,7 @@
|
|
|
318
382
|
}
|
|
319
383
|
.rc-calendar-header > a:hover {
|
|
320
384
|
cursor: pointer;
|
|
321
|
-
color: #ed7109;
|
|
385
|
+
color: var(--rc-calendar-sf-orange-2, #ed7109);
|
|
322
386
|
}
|
|
323
387
|
.rc-calendar-prev-month-btn {
|
|
324
388
|
position: absolute;
|
|
@@ -334,7 +398,7 @@
|
|
|
334
398
|
display: inline-block;
|
|
335
399
|
font-size: 14px;
|
|
336
400
|
font-weight: 600;
|
|
337
|
-
color: #212529;
|
|
401
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
338
402
|
padding: 0 8px;
|
|
339
403
|
line-height: 48px;
|
|
340
404
|
}
|
|
@@ -342,13 +406,13 @@
|
|
|
342
406
|
.rc-calendar-month-select:hover,
|
|
343
407
|
.rc-calendar-day-select:hover {
|
|
344
408
|
cursor: pointer;
|
|
345
|
-
color: #
|
|
409
|
+
color: var(--rc-calendar-sf-orange, #ff8000);
|
|
346
410
|
}
|
|
347
411
|
.rc-calendar-year-select.rc-calendar-time-status:hover,
|
|
348
412
|
.rc-calendar-month-select.rc-calendar-time-status:hover,
|
|
349
413
|
.rc-calendar-day-select.rc-calendar-time-status:hover {
|
|
350
414
|
cursor: pointer;
|
|
351
|
-
color: #666;
|
|
415
|
+
color: var(--rc-calendar-icon-color, #666);
|
|
352
416
|
}
|
|
353
417
|
.rc-calendar-prev-month-btn,
|
|
354
418
|
.rc-calendar-next-month-btn,
|
|
@@ -360,7 +424,7 @@
|
|
|
360
424
|
top: 50%;
|
|
361
425
|
transform: translateY(-50%);
|
|
362
426
|
cursor: pointer;
|
|
363
|
-
color: #999;
|
|
427
|
+
color: var(--rc-calendar-icon-secondary-color, #999);
|
|
364
428
|
font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
|
|
365
429
|
font-size: 16px;
|
|
366
430
|
display: -ms-flexbox;
|
|
@@ -376,8 +440,8 @@
|
|
|
376
440
|
.rc-calendar-next-month-btn:hover,
|
|
377
441
|
.rc-calendar-prev-year-btn:hover,
|
|
378
442
|
.rc-calendar-next-year-btn:hover {
|
|
379
|
-
color: #999;
|
|
380
|
-
background-color: rgba(0, 0, 0, 0.04);
|
|
443
|
+
color: var(--rc-calendar-icon-secondary-color, #999);
|
|
444
|
+
background-color: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
|
|
381
445
|
}
|
|
382
446
|
.rc-calendar-next-year-btn {
|
|
383
447
|
right: 0;
|
|
@@ -390,6 +454,7 @@
|
|
|
390
454
|
height: 260px;
|
|
391
455
|
}
|
|
392
456
|
.rc-calendar table {
|
|
457
|
+
table-layout: auto;
|
|
393
458
|
border-collapse: collapse;
|
|
394
459
|
max-width: 100%;
|
|
395
460
|
background-color: transparent;
|
|
@@ -398,6 +463,9 @@
|
|
|
398
463
|
.rc-calendar table td {
|
|
399
464
|
padding: 0;
|
|
400
465
|
}
|
|
466
|
+
.rc-calendar table tr {
|
|
467
|
+
height: 1.75rem !important;
|
|
468
|
+
}
|
|
401
469
|
.rc-calendar table,
|
|
402
470
|
.rc-calendar td,
|
|
403
471
|
.rc-calendar th,
|
|
@@ -417,7 +485,7 @@
|
|
|
417
485
|
.rc-calendar-column-header-inner {
|
|
418
486
|
display: block;
|
|
419
487
|
font-weight: normal;
|
|
420
|
-
color: #999;
|
|
488
|
+
color: var(--rc-calendar-icon-secondary-color, #999);
|
|
421
489
|
}
|
|
422
490
|
.rc-calendar-week-number-header .rc-calendar-column-header-inner {
|
|
423
491
|
display: none;
|
|
@@ -428,7 +496,7 @@
|
|
|
428
496
|
}
|
|
429
497
|
.rc-calendar-date {
|
|
430
498
|
display: block;
|
|
431
|
-
color: #212529;
|
|
499
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
432
500
|
border-radius: 4px;
|
|
433
501
|
width: 32px;
|
|
434
502
|
height: 32px;
|
|
@@ -439,25 +507,26 @@
|
|
|
439
507
|
margin: 2px;
|
|
440
508
|
}
|
|
441
509
|
.rc-calendar-date:hover {
|
|
442
|
-
background:
|
|
510
|
+
background: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
|
|
443
511
|
border-radius: 50%;
|
|
444
512
|
cursor: pointer;
|
|
445
513
|
}
|
|
446
514
|
.rc-calendar-selected-date .rc-calendar-date {
|
|
447
|
-
background: #
|
|
515
|
+
background: var(--rc-calendar-sf-orange, #ff8000);
|
|
448
516
|
border-radius: 50%;
|
|
449
517
|
color: #fff;
|
|
450
518
|
}
|
|
451
519
|
.rc-calendar-selected-date .rc-calendar-date:hover {
|
|
452
|
-
background: #
|
|
520
|
+
background: var(--rc-calendar-sf-orange, #ff8000);
|
|
453
521
|
border-radius: 50%;
|
|
454
522
|
}
|
|
455
523
|
.rc-calendar-disabled-cell .rc-calendar-date {
|
|
456
524
|
cursor: not-allowed;
|
|
457
|
-
background:
|
|
525
|
+
background: var(--rc-calendar-disabled-bg);
|
|
458
526
|
border-radius: 0;
|
|
459
|
-
color:
|
|
527
|
+
color: var(--rc-calendar-disabled-color);
|
|
460
528
|
width: auto;
|
|
529
|
+
margin: 2px 0;
|
|
461
530
|
}
|
|
462
531
|
.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {
|
|
463
532
|
border-bottom-left-radius: 4px;
|
|
@@ -469,15 +538,15 @@
|
|
|
469
538
|
}
|
|
470
539
|
.rc-calendar-last-month-cell .rc-calendar-date,
|
|
471
540
|
.rc-calendar-next-month-btn-day .rc-calendar-date {
|
|
472
|
-
color:
|
|
541
|
+
color: var(--rc-calendar-out-range-color);
|
|
473
542
|
}
|
|
474
543
|
.rc-calendar-today .rc-calendar-date {
|
|
475
|
-
border: 1px solid #
|
|
544
|
+
border: 1px solid var(--rc-calendar-sf-orange, #ff8000);
|
|
476
545
|
border-radius: 50%;
|
|
477
546
|
}
|
|
478
547
|
.rc-calendar-right-panel {
|
|
479
548
|
height: inherit;
|
|
480
|
-
border-left: 1px solid
|
|
549
|
+
border-left: 1px solid var(--rc-calendar-time-section-border);
|
|
481
550
|
}
|
|
482
551
|
.rc-calendar-right-panel-header {
|
|
483
552
|
display: -ms-flexbox;
|
|
@@ -486,7 +555,7 @@
|
|
|
486
555
|
justify-content: center;
|
|
487
556
|
-ms-flex-align: center;
|
|
488
557
|
align-items: center;
|
|
489
|
-
color: #212529;
|
|
558
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
490
559
|
font-weight: 600;
|
|
491
560
|
}
|
|
492
561
|
.rc-calendar-right-panel-body {
|
|
@@ -516,17 +585,17 @@
|
|
|
516
585
|
display: inline-block;
|
|
517
586
|
text-align: center;
|
|
518
587
|
line-height: 24px;
|
|
519
|
-
color: #212529;
|
|
588
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
520
589
|
font-weight: 400;
|
|
521
590
|
border-radius: 4px;
|
|
522
591
|
}
|
|
523
592
|
.rc-calendar-right-panel-item-text:hover {
|
|
524
|
-
|
|
525
|
-
|
|
593
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
594
|
+
background: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
|
|
526
595
|
}
|
|
527
596
|
.rc-calendar-right-panel-item-selected,
|
|
528
597
|
.rc-calendar-right-panel-item-selected:hover {
|
|
529
|
-
background: #
|
|
598
|
+
background: var(--rc-calendar-sf-orange, #ff8000);
|
|
530
599
|
border-radius: 4px;
|
|
531
600
|
color: #fff;
|
|
532
601
|
}
|
|
@@ -535,11 +604,11 @@
|
|
|
535
604
|
height: 0;
|
|
536
605
|
}
|
|
537
606
|
.rc-calendar-right-panel-item-current {
|
|
538
|
-
border: 1px solid #
|
|
607
|
+
border: 1px solid var(--rc-calendar-sf-orange, #ff8000);
|
|
539
608
|
border-radius: 4px;
|
|
540
609
|
}
|
|
541
610
|
.rc-calendar-footer {
|
|
542
|
-
border-top: 1px solid #eee;
|
|
611
|
+
border-top: 1px solid var(--rc-calendar-divider-color, #eee);
|
|
543
612
|
padding: 8px 0;
|
|
544
613
|
text-align: center;
|
|
545
614
|
position: relative;
|
|
@@ -562,18 +631,18 @@
|
|
|
562
631
|
.rc-calendar-time-picker-btn {
|
|
563
632
|
display: inline-block;
|
|
564
633
|
text-align: center;
|
|
565
|
-
color: #ed7109;
|
|
634
|
+
color: var(--rc-calendar-sf-orange-2, #ed7109);
|
|
566
635
|
}
|
|
567
636
|
.rc-calendar-today-btn:hover,
|
|
568
637
|
.rc-calendar-ok-btn:hover,
|
|
569
638
|
.rc-calendar-time-picker-btn:hover {
|
|
570
639
|
cursor: pointer;
|
|
571
|
-
color: #
|
|
640
|
+
color: var(--rc-calendar-sf-orange-2, #ed7109);
|
|
572
641
|
}
|
|
573
642
|
.rc-calendar-today-btn-disabled,
|
|
574
643
|
.rc-calendar-ok-btn-disabled,
|
|
575
644
|
.rc-calendar-time-picker-btn-disabled {
|
|
576
|
-
color:
|
|
645
|
+
color: var(--rc-calendar-disabled-color);
|
|
577
646
|
}
|
|
578
647
|
.rc-calendar-today-btn {
|
|
579
648
|
padding-left: 0;
|
|
@@ -584,7 +653,7 @@
|
|
|
584
653
|
top: 0;
|
|
585
654
|
bottom: 0;
|
|
586
655
|
right: 0;
|
|
587
|
-
background: #
|
|
656
|
+
background: var(--rc-calendar-popover-bg, #fff);
|
|
588
657
|
z-index: 10;
|
|
589
658
|
position: absolute;
|
|
590
659
|
outline: none;
|
|
@@ -599,7 +668,7 @@
|
|
|
599
668
|
-ms-user-select: none;
|
|
600
669
|
user-select: none;
|
|
601
670
|
-webkit-user-select: none;
|
|
602
|
-
border-bottom: 1px solid #
|
|
671
|
+
border-bottom: 1px solid var(--rc-calendar-divider-color, #eee);
|
|
603
672
|
}
|
|
604
673
|
.rc-calendar-time-panel-body {
|
|
605
674
|
padding: 9px 10px 10px;
|
|
@@ -637,11 +706,11 @@
|
|
|
637
706
|
cursor: pointer;
|
|
638
707
|
}
|
|
639
708
|
.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {
|
|
640
|
-
background: #
|
|
709
|
+
background: var(--rc-calendar-sf-orange, #FF8000);
|
|
641
710
|
color: #fff;
|
|
642
711
|
}
|
|
643
712
|
.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
|
|
644
|
-
background: #
|
|
713
|
+
background: var(--rc-calendar-sf-orange, #FF8000);
|
|
645
714
|
color: #fff;
|
|
646
715
|
}
|
|
647
716
|
.rc-calendar-month-panel {
|
|
@@ -650,7 +719,7 @@
|
|
|
650
719
|
bottom: 0;
|
|
651
720
|
right: 0;
|
|
652
721
|
width: 100%;
|
|
653
|
-
background: #
|
|
722
|
+
background: var(--rc-calendar-popover-bg, #fff);
|
|
654
723
|
z-index: 10;
|
|
655
724
|
position: absolute;
|
|
656
725
|
outline: none;
|
|
@@ -680,7 +749,7 @@
|
|
|
680
749
|
-ms-user-select: none;
|
|
681
750
|
user-select: none;
|
|
682
751
|
-webkit-user-select: none;
|
|
683
|
-
border-bottom: 1px solid #eee;
|
|
752
|
+
border-bottom: 1px solid var(--rc-calendar-divider-color, #eee);
|
|
684
753
|
}
|
|
685
754
|
.rc-calendar-month-panel-header > a {
|
|
686
755
|
display: -ms-inline-flexbox;
|
|
@@ -692,22 +761,22 @@
|
|
|
692
761
|
cursor: pointer;
|
|
693
762
|
}
|
|
694
763
|
.rc-calendar-month-panel-year-select:hover {
|
|
695
|
-
color: #
|
|
764
|
+
color: var(--rc-calendar-sf-orange-2, #ed7109);
|
|
696
765
|
}
|
|
697
766
|
.rc-calendar-month-panel-prev-year-btn,
|
|
698
767
|
.rc-calendar-month-panel-next-year-btn {
|
|
699
768
|
width: 24px;
|
|
700
769
|
height: 24px;
|
|
701
770
|
border-radius: 4px;
|
|
702
|
-
color: #999;
|
|
771
|
+
color: var(--rc-calendar-icon-secondary-color, #999);
|
|
703
772
|
position: absolute;
|
|
704
773
|
top: 50%;
|
|
705
774
|
transform: translateY(-50%);
|
|
706
775
|
}
|
|
707
776
|
.rc-calendar-month-panel-prev-year-btn:hover,
|
|
708
777
|
.rc-calendar-month-panel-next-year-btn:hover {
|
|
709
|
-
color: #999;
|
|
710
|
-
background-color:
|
|
778
|
+
color: var(--rc-calendar-icon-secondary-color, #999);
|
|
779
|
+
background-color: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
|
|
711
780
|
}
|
|
712
781
|
.rc-calendar-month-panel-next-year-btn {
|
|
713
782
|
right: 16px;
|
|
@@ -737,7 +806,7 @@
|
|
|
737
806
|
padding: 9px 10px 10px;
|
|
738
807
|
}
|
|
739
808
|
.rc-calendar-month-panel-footer {
|
|
740
|
-
border-top: 1px solid #
|
|
809
|
+
border-top: 1px solid var(--rc-calendar-divider-color, #eee);
|
|
741
810
|
line-height: 38px;
|
|
742
811
|
}
|
|
743
812
|
.rc-calendar-month-panel-table {
|
|
@@ -753,7 +822,7 @@
|
|
|
753
822
|
display: block;
|
|
754
823
|
width: 64px;
|
|
755
824
|
margin: 0 auto;
|
|
756
|
-
color: #212529;
|
|
825
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
757
826
|
border-radius: 4px;
|
|
758
827
|
height: 36px;
|
|
759
828
|
padding: 0;
|
|
@@ -762,22 +831,22 @@
|
|
|
762
831
|
text-align: center;
|
|
763
832
|
}
|
|
764
833
|
.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
|
|
765
|
-
background:
|
|
834
|
+
background: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
|
|
766
835
|
cursor: pointer;
|
|
767
836
|
}
|
|
768
837
|
.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
|
|
769
|
-
color:
|
|
838
|
+
color: var(--rc-calendar-disabled-color);
|
|
770
839
|
}
|
|
771
840
|
.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
|
|
772
|
-
background:
|
|
841
|
+
background: var(--rc-calendar-disabled-bg);
|
|
773
842
|
cursor: not-allowed;
|
|
774
843
|
}
|
|
775
844
|
.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
|
|
776
|
-
background: #
|
|
845
|
+
background: var(--rc-calendar-sf-orange, #FF8000);
|
|
777
846
|
color: #fff;
|
|
778
847
|
}
|
|
779
848
|
.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
|
|
780
|
-
background: #
|
|
849
|
+
background: var(--rc-calendar-sf-orange, #FF8000);
|
|
781
850
|
color: #fff;
|
|
782
851
|
}
|
|
783
852
|
.rc-calendar-month-header-wrap {
|
|
@@ -790,7 +859,7 @@
|
|
|
790
859
|
bottom: 0;
|
|
791
860
|
right: 0;
|
|
792
861
|
width: 100%;
|
|
793
|
-
background: #
|
|
862
|
+
background: var(--rc-calendar-popover-bg, #fff);
|
|
794
863
|
z-index: 10;
|
|
795
864
|
position: absolute;
|
|
796
865
|
outline: none;
|
|
@@ -819,7 +888,7 @@
|
|
|
819
888
|
-ms-user-select: none;
|
|
820
889
|
user-select: none;
|
|
821
890
|
-webkit-user-select: none;
|
|
822
|
-
border-bottom: 1px solid #eee;
|
|
891
|
+
border-bottom: 1px solid var(--rc-calendar-divider-color, #eee);
|
|
823
892
|
}
|
|
824
893
|
.rc-calendar-year-panel-header > a {
|
|
825
894
|
display: -ms-inline-flexbox;
|
|
@@ -832,7 +901,7 @@
|
|
|
832
901
|
cursor: pointer;
|
|
833
902
|
}
|
|
834
903
|
.rc-calendar-year-panel-decade-select:hover {
|
|
835
|
-
color: #
|
|
904
|
+
color: var(--rc-calendar-sf-orange-2, #ed7109);
|
|
836
905
|
}
|
|
837
906
|
.rc-calendar-year-panel-prev-decade-btn,
|
|
838
907
|
.rc-calendar-year-panel-next-decade-btn {
|
|
@@ -842,7 +911,7 @@
|
|
|
842
911
|
top: 50%;
|
|
843
912
|
transform: translateY(-50%);
|
|
844
913
|
border-radius: 4px;
|
|
845
|
-
color: #999;
|
|
914
|
+
color: var(--rc-calendar-icon-secondary-color, #999);
|
|
846
915
|
-webkit-user-select: none;
|
|
847
916
|
-moz-user-select: none;
|
|
848
917
|
-ms-user-select: none;
|
|
@@ -850,8 +919,8 @@
|
|
|
850
919
|
}
|
|
851
920
|
.rc-calendar-year-panel-prev-decade-btn:hover,
|
|
852
921
|
.rc-calendar-year-panel-next-decade-btn:hover {
|
|
853
|
-
color: #999;
|
|
854
|
-
background-color:
|
|
922
|
+
color: var(--rc-calendar-icon-secondary-color, #999);
|
|
923
|
+
background-color: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
|
|
855
924
|
}
|
|
856
925
|
.rc-calendar-year-panel-next-decade-btn {
|
|
857
926
|
right: 16px;
|
|
@@ -878,7 +947,7 @@
|
|
|
878
947
|
padding: 9px 10px 10px;
|
|
879
948
|
}
|
|
880
949
|
.rc-calendar-year-panel-footer {
|
|
881
|
-
border-top: 1px solid
|
|
950
|
+
border-top: 1px solid var(--rc-calendar-divider-color);
|
|
882
951
|
line-height: 38px;
|
|
883
952
|
}
|
|
884
953
|
.rc-calendar-year-panel-table {
|
|
@@ -894,7 +963,7 @@
|
|
|
894
963
|
display: block;
|
|
895
964
|
width: 64px;
|
|
896
965
|
margin: 0 auto;
|
|
897
|
-
color: #212529;
|
|
966
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
898
967
|
border-radius: 4px;
|
|
899
968
|
height: 36px;
|
|
900
969
|
padding: 0;
|
|
@@ -903,16 +972,16 @@
|
|
|
903
972
|
text-align: center;
|
|
904
973
|
}
|
|
905
974
|
.rc-calendar-year-panel-year:hover {
|
|
906
|
-
color: #212529;
|
|
907
|
-
background:
|
|
975
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
976
|
+
background: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
|
|
908
977
|
cursor: pointer;
|
|
909
978
|
}
|
|
910
979
|
.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
|
|
911
|
-
background: #
|
|
980
|
+
background: var(--rc-calendar-sf-orange, #FF8000);
|
|
912
981
|
color: #fff;
|
|
913
982
|
}
|
|
914
983
|
.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
|
|
915
|
-
background: #
|
|
984
|
+
background: var(--rc-calendar-sf-orange, #FF8000);
|
|
916
985
|
color: #fff;
|
|
917
986
|
}
|
|
918
987
|
.rc-calendar-decade-panel {
|
|
@@ -921,7 +990,7 @@
|
|
|
921
990
|
bottom: 0;
|
|
922
991
|
right: 0;
|
|
923
992
|
width: 100%;
|
|
924
|
-
background: #
|
|
993
|
+
background: var(--rc-calendar-popover-bg, #fff);
|
|
925
994
|
z-index: 10;
|
|
926
995
|
position: absolute;
|
|
927
996
|
outline: none;
|
|
@@ -948,7 +1017,7 @@
|
|
|
948
1017
|
-ms-user-select: none;
|
|
949
1018
|
user-select: none;
|
|
950
1019
|
-webkit-user-select: none;
|
|
951
|
-
border-bottom: 1px solid #eee;
|
|
1020
|
+
border-bottom: 1px solid var(--rc-calendar-divider-color, #eee);
|
|
952
1021
|
}
|
|
953
1022
|
.rc-calendar-decade-panel-header > a {
|
|
954
1023
|
display: -ms-inline-flexbox;
|
|
@@ -960,22 +1029,22 @@
|
|
|
960
1029
|
cursor: pointer;
|
|
961
1030
|
}
|
|
962
1031
|
.rc-calendar-decade-panel-century {
|
|
963
|
-
color: #212529;
|
|
1032
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
964
1033
|
}
|
|
965
1034
|
.rc-calendar-decade-panel-prev-century-btn,
|
|
966
1035
|
.rc-calendar-decade-panel-next-century-btn {
|
|
967
1036
|
width: 24px;
|
|
968
1037
|
height: 24px;
|
|
969
1038
|
border-radius: 4px;
|
|
970
|
-
color: #999;
|
|
1039
|
+
color: var(--rc-calendar-icon-secondary-color, #999);
|
|
971
1040
|
position: absolute;
|
|
972
1041
|
top: 50%;
|
|
973
1042
|
transform: translateY(-50%);
|
|
974
1043
|
}
|
|
975
1044
|
.rc-calendar-decade-panel-prev-century-btn:hover,
|
|
976
1045
|
.rc-calendar-decade-panel-next-century-btn:hover {
|
|
977
|
-
color: #999;
|
|
978
|
-
background-color:
|
|
1046
|
+
color: var(--rc-calendar-icon-secondary-color, #999);
|
|
1047
|
+
background-color: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
|
|
979
1048
|
}
|
|
980
1049
|
.rc-calendar-decade-panel-next-century-btn {
|
|
981
1050
|
right: 16px;
|
|
@@ -989,7 +1058,7 @@
|
|
|
989
1058
|
padding: 9px 10px 10px;
|
|
990
1059
|
}
|
|
991
1060
|
.rc-calendar-decade-panel-footer {
|
|
992
|
-
border-top: 1px solid #
|
|
1061
|
+
border-top: 1px solid var(--rc-calendar-divider-color, #eee);
|
|
993
1062
|
line-height: 38px;
|
|
994
1063
|
}
|
|
995
1064
|
.rc-calendar-decade-panel-table {
|
|
@@ -1000,7 +1069,7 @@
|
|
|
1000
1069
|
}
|
|
1001
1070
|
.rc-calendar-decade-panel-cell {
|
|
1002
1071
|
text-align: center;
|
|
1003
|
-
color: #212529;
|
|
1072
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
1004
1073
|
}
|
|
1005
1074
|
.rc-calendar-decade-panel-cell a:hover {
|
|
1006
1075
|
color: inherit;
|
|
@@ -1008,7 +1077,7 @@
|
|
|
1008
1077
|
.rc-calendar-decade-panel-decade {
|
|
1009
1078
|
display: block;
|
|
1010
1079
|
margin: 0 auto;
|
|
1011
|
-
color: #212529;
|
|
1080
|
+
color: var(--rc-calendar-body-color, #212529);
|
|
1012
1081
|
border-radius: 4px;
|
|
1013
1082
|
height: 36px;
|
|
1014
1083
|
padding: 0;
|
|
@@ -1018,15 +1087,15 @@
|
|
|
1018
1087
|
width: 105px;
|
|
1019
1088
|
}
|
|
1020
1089
|
.rc-calendar-decade-panel-decade:hover {
|
|
1021
|
-
background:
|
|
1090
|
+
background: var(--rc-calendar-icon-btn-hover-bg-color, rgba(0, 0, 0, 0.04));
|
|
1022
1091
|
cursor: pointer;
|
|
1023
1092
|
}
|
|
1024
1093
|
.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
|
|
1025
|
-
background: #
|
|
1094
|
+
background: var(--rc-calendar-sf-orange, #FF8000);
|
|
1026
1095
|
color: #fff;
|
|
1027
1096
|
}
|
|
1028
1097
|
.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
|
|
1029
|
-
background: #
|
|
1098
|
+
background: var(--rc-calendar-sf-orange, #FF8000);
|
|
1030
1099
|
color: #fff;
|
|
1031
1100
|
}
|
|
1032
1101
|
.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,
|
|
@@ -1035,7 +1104,7 @@
|
|
|
1035
1104
|
-ms-user-select: none;
|
|
1036
1105
|
user-select: none;
|
|
1037
1106
|
-webkit-user-select: none;
|
|
1038
|
-
color:
|
|
1107
|
+
color: var(--rc-calendar-out-range-color);
|
|
1039
1108
|
}
|
|
1040
1109
|
.rc-calendar-range {
|
|
1041
1110
|
width: 502px;
|
|
@@ -1055,7 +1124,7 @@
|
|
|
1055
1124
|
float: left;
|
|
1056
1125
|
}
|
|
1057
1126
|
.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
|
|
1058
|
-
border-right: 1px solid
|
|
1127
|
+
border-right: 1px solid var(--rc-calendar-time-section-border);
|
|
1059
1128
|
}
|
|
1060
1129
|
.rc-calendar-range-right {
|
|
1061
1130
|
float: right;
|
|
@@ -1064,7 +1133,7 @@
|
|
|
1064
1133
|
left: 21px;
|
|
1065
1134
|
}
|
|
1066
1135
|
.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
|
|
1067
|
-
border-left: 1px solid
|
|
1136
|
+
border-left: 1px solid var(--rc-calendar-time-section-border);
|
|
1068
1137
|
}
|
|
1069
1138
|
.rc-calendar-range-middle {
|
|
1070
1139
|
position: absolute;
|
|
@@ -1092,7 +1161,7 @@
|
|
|
1092
1161
|
.rc-calendar-range .rc-calendar-decade-panel-body,
|
|
1093
1162
|
.rc-calendar-range .rc-calendar-year-panel-body,
|
|
1094
1163
|
.rc-calendar-range .rc-calendar-month-panel-body {
|
|
1095
|
-
border-bottom: 1px solid #
|
|
1164
|
+
border-bottom: 1px solid var(--rc-calendar-divider-color, #eee);
|
|
1096
1165
|
}
|
|
1097
1166
|
.rc-calendar-range.rc-calendar-week-number {
|
|
1098
1167
|
width: 574px;
|
|
@@ -1152,7 +1221,7 @@
|
|
|
1152
1221
|
-ms-user-select: none;
|
|
1153
1222
|
user-select: none;
|
|
1154
1223
|
-webkit-user-select: none;
|
|
1155
|
-
border-bottom: 1px solid #
|
|
1224
|
+
border-bottom: 1px solid var(--rc-calendar-divider-color, #eee);
|
|
1156
1225
|
overflow: hidden;
|
|
1157
1226
|
}
|
|
1158
1227
|
.rc-calendar-full-header-month-select,
|
|
@@ -1178,9 +1247,9 @@
|
|
|
1178
1247
|
float: left;
|
|
1179
1248
|
height: 28px;
|
|
1180
1249
|
line-height: 24px;
|
|
1181
|
-
border: 1px solid
|
|
1250
|
+
border: 1px solid var(--rc-calendar-border-color);
|
|
1182
1251
|
padding: 0 10px;
|
|
1183
|
-
color: #666;
|
|
1252
|
+
color: var(--rc-calendar-icon-color, #666);
|
|
1184
1253
|
}
|
|
1185
1254
|
.rc-calendar-full-header-switcher > span:first-child {
|
|
1186
1255
|
border-top-left-radius: 4px;
|
|
@@ -1213,14 +1282,14 @@
|
|
|
1213
1282
|
border-radius: 0;
|
|
1214
1283
|
margin: 0 4px;
|
|
1215
1284
|
border: none;
|
|
1216
|
-
border-top: 2px solid
|
|
1285
|
+
border-top: 2px solid var(--rc-calendar-divider-color);
|
|
1217
1286
|
text-align: right;
|
|
1218
1287
|
padding-right: 8px;
|
|
1219
1288
|
}
|
|
1220
1289
|
.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date,
|
|
1221
1290
|
.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
|
|
1222
1291
|
background-color: #fcecd9;
|
|
1223
|
-
color: #666;
|
|
1292
|
+
color: var(--rc-calendar-icon-color, #666);
|
|
1224
1293
|
}
|
|
1225
1294
|
.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date,
|
|
1226
1295
|
.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
|