@seafile/seafile-calendar 1.0.13 → 1.0.14-ahn.2

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 CHANGED
@@ -229,7 +229,11 @@
229
229
  /* Footer */
230
230
  }
231
231
  .rc-calendar-with-time-panel {
232
- width: 367px;
232
+ width: -moz-fit-content;
233
+ width: fit-content;
234
+ }
235
+ .rc-calendar-tbody tr:first-child td {
236
+ padding-top: 2px;
233
237
  }
234
238
  .rc-calendar-panel {
235
239
  display: -ms-flexbox;
@@ -240,6 +244,33 @@
240
244
  .rc-calendar-date-panel-container {
241
245
  display: -ms-flexbox;
242
246
  display: flex;
247
+ height: 316px;
248
+ }
249
+ .rc-calendar-date-time-panel {
250
+ display: -ms-flexbox;
251
+ display: flex;
252
+ height: 356px;
253
+ }
254
+ .rc-calendar-date-panel-column,
255
+ .rc-calendar-time-panel-column {
256
+ display: -ms-flexbox;
257
+ display: flex;
258
+ -ms-flex-direction: column;
259
+ flex-direction: column;
260
+ }
261
+ .rc-calendar-date-panel-column {
262
+ -ms-flex: 0 0 272px;
263
+ flex: 0 0 272px;
264
+ width: 272px;
265
+ }
266
+ .rc-calendar-time-panel-column {
267
+ -ms-flex: 0 0 130px;
268
+ flex: 0 0 130px;
269
+ width: 130px;
270
+ min-width: 0;
271
+ }
272
+ .rc-calendar-date-panel-column .rc-calendar-date-panel {
273
+ width: 272px;
243
274
  }
244
275
  .rc-calendar-date-panel {
245
276
  display: block;
@@ -250,24 +281,42 @@
250
281
  display: flex;
251
282
  -ms-flex-align: stretch;
252
283
  align-items: stretch;
284
+ height: 44px;
253
285
  }
254
286
  .rc-calendar-date-input-col {
255
287
  -ms-flex: 1 1 auto;
256
288
  flex: 1 1 auto;
289
+ max-width: 276px;
257
290
  }
258
291
  .rc-calendar-time-input-col {
259
- width: 89px;
292
+ min-width: 0;
293
+ -ms-flex: 1;
294
+ flex: 1;
260
295
  border-left: 1px solid #eee;
261
296
  }
262
- .rc-calendar-date-input,
263
- .rc-calendar-time-input {
297
+ .rc-calendar-date-panel-column .rc-calendar-date-input-col,
298
+ .rc-calendar-time-panel-column .rc-calendar-time-input-col {
299
+ height: 44px;
300
+ }
301
+ .rc-calendar-date-input {
264
302
  display: -ms-flexbox;
265
303
  display: flex;
266
304
  -ms-flex-align: center;
267
305
  align-items: center;
268
- height: 100%;
269
306
  padding: 12px 12px 0 12px;
270
- margin-bottom: 4px;
307
+ }
308
+ .rc-calendar-time-input {
309
+ display: -ms-flexbox;
310
+ display: flex;
311
+ -ms-flex-align: center;
312
+ align-items: center;
313
+ padding: 12px;
314
+ }
315
+ .rc-calendar-time-input .rc-calendar-input-wrap {
316
+ min-width: 0;
317
+ }
318
+ .rc-calendar-time-input {
319
+ border-bottom: 1px solid #eee;
271
320
  }
272
321
  .rc-calendar-date-input input,
273
322
  .rc-calendar-time-input input {
@@ -276,6 +325,7 @@
276
325
  width: 100%;
277
326
  border: 1px solid #eee;
278
327
  border-radius: 4px;
328
+ padding-top: 12px;
279
329
  }
280
330
  .rc-calendar-date-input input {
281
331
  padding: 4px 16px;
@@ -298,6 +348,7 @@
298
348
  -ms-user-select: none;
299
349
  user-select: none;
300
350
  -webkit-user-select: none;
351
+ margin-top: 4px;
301
352
  }
302
353
  .rc-calendar-header-nav-wrap {
303
354
  position: relative;
@@ -387,7 +438,7 @@
387
438
  left: 0;
388
439
  }
389
440
  .rc-calendar-body {
390
- padding: 0 12px;
441
+ padding: 0 12px 12px;
391
442
  height: 260px;
392
443
  }
393
444
  .rc-calendar table {
@@ -415,6 +466,12 @@
415
466
  width: 32px;
416
467
  text-align: center;
417
468
  }
469
+ .rc-calendar-week-date-header {
470
+ height: 32px;
471
+ }
472
+ .rc-calendar-column-header-box {
473
+ margin-bottom: 2px;
474
+ }
418
475
  .rc-calendar-column-header-inner {
419
476
  display: block;
420
477
  font-weight: normal;
@@ -480,36 +537,57 @@
480
537
  height: inherit;
481
538
  border-left: 1px solid #eee;
482
539
  }
483
- .rc-calendar-right-panel-header {
484
- display: -ms-flexbox;
485
- display: flex;
486
- -ms-flex-pack: center;
487
- justify-content: center;
488
- -ms-flex-align: center;
489
- align-items: center;
490
- color: #212529;
491
- font-weight: 600;
540
+ .rc-calendar-time-panel-column .rc-calendar-right-panel {
541
+ height: 312px;
492
542
  }
493
543
  .rc-calendar-right-panel-body {
494
- height: 260px;
544
+ height: 300px;
495
545
  display: -ms-flexbox;
496
546
  display: flex;
497
- padding: 0 4px 16px;
498
- scrollbar-color: auto;
547
+ padding: 0;
548
+ margin-top: 12px;
499
549
  }
500
550
  .rc-calendar-right-panel-col {
551
+ -ms-flex: 0 0 64px;
552
+ flex: 0 0 64px;
553
+ width: 64px;
554
+ overflow: hidden;
555
+ }
556
+ .rc-calendar-right-panel-col-hour {
557
+ -ms-flex-preferred-size: 65px;
558
+ flex-basis: 65px;
559
+ width: 65px;
560
+ border-right: 1px solid #eee;
561
+ }
562
+ .rc-calendar-right-panel-col-item {
563
+ width: calc(120%);
564
+ height: 100%;
501
565
  overflow-y: auto;
566
+ overflow-x: hidden;
567
+ scrollbar-width: none;
568
+ -ms-overflow-style: none;
569
+ -webkit-overflow-scrolling: touch;
570
+ }
571
+ .rc-calendar-right-panel-col-item::-webkit-scrollbar {
572
+ display: none;
573
+ width: 0;
574
+ height: 0;
502
575
  }
503
576
  .rc-calendar-right-panel-col ul {
577
+ width: 64px;
504
578
  list-style: none;
505
579
  margin: 0;
506
- padding: 4px;
580
+ padding: 4px 16px 12px 16px;
507
581
  }
508
582
  .rc-calendar-right-panel-item {
509
583
  width: 32px;
510
584
  height: 32px;
511
585
  padding: 4px 0;
512
586
  cursor: pointer;
587
+ margin-top: 4px;
588
+ }
589
+ .rc-calendar-right-panel-item:first-child {
590
+ margin-top: 0;
513
591
  }
514
592
  .rc-calendar-right-panel-item-text {
515
593
  width: 100%;
@@ -531,10 +609,6 @@
531
609
  border-radius: 4px;
532
610
  color: #fff;
533
611
  }
534
- .rc-calendar-right-panel-col::-webkit-scrollbar {
535
- width: 0;
536
- height: 0;
537
- }
538
612
  .rc-calendar-right-panel-item-current {
539
613
  border: 1px solid #ff9800;
540
614
  border-radius: 4px;
@@ -545,9 +619,24 @@
545
619
  text-align: center;
546
620
  position: relative;
547
621
  }
622
+ .rc-calendar-with-time-panel .rc-calendar-footer {
623
+ height: 40px;
624
+ padding: 0;
625
+ display: -ms-flexbox;
626
+ display: flex;
627
+ -ms-flex-align: center;
628
+ align-items: center;
629
+ -ms-flex-pack: center;
630
+ justify-content: center;
631
+ }
548
632
  .rc-calendar-footer-show-ok {
549
633
  text-align: right;
550
634
  }
635
+ .rc-calendar-with-time-panel .rc-calendar-footer-show-ok {
636
+ -ms-flex-pack: end;
637
+ justify-content: flex-end;
638
+ padding: 0 12px;
639
+ }
551
640
  .rc-calendar-footer-btn:after {
552
641
  content: 'x';
553
642
  height: 0;
@@ -774,11 +863,11 @@
774
863
  cursor: not-allowed;
775
864
  }
776
865
  .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
777
- background: #ff9800;
866
+ background: #ff8000;
778
867
  color: #fff;
779
868
  }
780
869
  .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
781
- background: #ff9800;
870
+ background: #ff8000;
782
871
  color: #fff;
783
872
  }
784
873
  .rc-calendar-month-header-wrap {
@@ -909,11 +998,11 @@
909
998
  cursor: pointer;
910
999
  }
911
1000
  .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
912
- background: #ff9800;
1001
+ background: #ff8000;
913
1002
  color: #fff;
914
1003
  }
915
1004
  .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
916
- background: #ff9800;
1005
+ background: #ff8000;
917
1006
  color: #fff;
918
1007
  }
919
1008
  .rc-calendar-decade-panel {
@@ -1023,11 +1112,11 @@
1023
1112
  cursor: pointer;
1024
1113
  }
1025
1114
  .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
1026
- background: #ff9800;
1115
+ background: #ff8000;
1027
1116
  color: #fff;
1028
1117
  }
1029
1118
  .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
1030
- background: #ff9800;
1119
+ background: #ff8000;
1031
1120
  color: #fff;
1032
1121
  }
1033
1122
  .rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,