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

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,51 @@
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-y: auto;
555
+ overflow-x: hidden;
556
+ scrollbar-width: none;
557
+ -ms-overflow-style: none;
558
+ -webkit-overflow-scrolling: touch;
559
+ }
560
+ .rc-calendar-right-panel-col::-webkit-scrollbar {
561
+ display: none;
562
+ width: 0;
563
+ height: 0;
564
+ }
565
+ .rc-calendar-right-panel-col-hour {
566
+ border-right: 1px solid #eee;
567
+ }
568
+ .rc-calendar-right-panel-col-item {
501
569
  overflow-y: auto;
502
570
  }
503
571
  .rc-calendar-right-panel-col ul {
504
572
  list-style: none;
505
573
  margin: 0;
506
- padding: 4px;
574
+ padding: 4px 16px 12px 16px;
507
575
  }
508
576
  .rc-calendar-right-panel-item {
509
577
  width: 32px;
510
578
  height: 32px;
511
579
  padding: 4px 0;
512
580
  cursor: pointer;
581
+ margin-top: 4px;
582
+ }
583
+ .rc-calendar-right-panel-item:first-child {
584
+ margin-top: 0;
513
585
  }
514
586
  .rc-calendar-right-panel-item-text {
515
587
  width: 100%;
@@ -531,10 +603,6 @@
531
603
  border-radius: 4px;
532
604
  color: #fff;
533
605
  }
534
- .rc-calendar-right-panel-col::-webkit-scrollbar {
535
- width: 0;
536
- height: 0;
537
- }
538
606
  .rc-calendar-right-panel-item-current {
539
607
  border: 1px solid #ff9800;
540
608
  border-radius: 4px;
@@ -545,9 +613,24 @@
545
613
  text-align: center;
546
614
  position: relative;
547
615
  }
616
+ .rc-calendar-with-time-panel .rc-calendar-footer {
617
+ height: 40px;
618
+ padding: 0;
619
+ display: -ms-flexbox;
620
+ display: flex;
621
+ -ms-flex-align: center;
622
+ align-items: center;
623
+ -ms-flex-pack: center;
624
+ justify-content: center;
625
+ }
548
626
  .rc-calendar-footer-show-ok {
549
627
  text-align: right;
550
628
  }
629
+ .rc-calendar-with-time-panel .rc-calendar-footer-show-ok {
630
+ -ms-flex-pack: end;
631
+ justify-content: flex-end;
632
+ padding: 0 12px;
633
+ }
551
634
  .rc-calendar-footer-btn:after {
552
635
  content: 'x';
553
636
  height: 0;
@@ -774,11 +857,11 @@
774
857
  cursor: not-allowed;
775
858
  }
776
859
  .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
777
- background: #ff9800;
860
+ background: #ff8000;
778
861
  color: #fff;
779
862
  }
780
863
  .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
781
- background: #ff9800;
864
+ background: #ff8000;
782
865
  color: #fff;
783
866
  }
784
867
  .rc-calendar-month-header-wrap {
@@ -909,11 +992,11 @@
909
992
  cursor: pointer;
910
993
  }
911
994
  .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
912
- background: #ff9800;
995
+ background: #ff8000;
913
996
  color: #fff;
914
997
  }
915
998
  .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
916
- background: #ff9800;
999
+ background: #ff8000;
917
1000
  color: #fff;
918
1001
  }
919
1002
  .rc-calendar-decade-panel {
@@ -1023,11 +1106,11 @@
1023
1106
  cursor: pointer;
1024
1107
  }
1025
1108
  .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
1026
- background: #ff9800;
1109
+ background: #ff8000;
1027
1110
  color: #fff;
1028
1111
  }
1029
1112
  .rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
1030
- background: #ff9800;
1113
+ background: #ff8000;
1031
1114
  color: #fff;
1032
1115
  }
1033
1116
  .rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,