@majoo-ui/react 1.61.13 → 1.61.14-rc.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/index.umd.css DELETED
@@ -1,1296 +0,0 @@
1
- .ReactCrop {
2
- position: relative;
3
- display: inline-block;
4
- cursor: crosshair;
5
- overflow: hidden;
6
- max-width: 100%;
7
- }
8
- .ReactCrop *,
9
- .ReactCrop *::before,
10
- .ReactCrop *::after {
11
- box-sizing: border-box;
12
- }
13
- .ReactCrop--disabled,
14
- .ReactCrop--locked {
15
- cursor: inherit;
16
- }
17
- .ReactCrop__child-wrapper {
18
- max-height: inherit;
19
- }
20
- .ReactCrop__child-wrapper > img,
21
- .ReactCrop__child-wrapper > video {
22
- display: block;
23
- max-width: 100%;
24
- max-height: inherit;
25
- touch-action: none;
26
- }
27
- .ReactCrop__crop-selection {
28
- position: absolute;
29
- top: 0;
30
- left: 0;
31
- transform: translate3d(0, 0, 0);
32
- cursor: move;
33
- box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
34
- touch-action: none;
35
- border: 1px dashed #fff;
36
- }
37
- .ReactCrop--disabled .ReactCrop__crop-selection {
38
- cursor: inherit;
39
- }
40
- .ReactCrop--circular-crop .ReactCrop__crop-selection {
41
- border-radius: 50%;
42
- box-shadow: 0px 0px 1px 1px #fff, 0 0 0 9999em rgba(0, 0, 0, 0.5);
43
- }
44
- .ReactCrop__crop-selection:focus {
45
- outline: none;
46
- border-color: blue;
47
- border-style: solid;
48
- }
49
- .ReactCrop--invisible-crop .ReactCrop__crop-selection {
50
- display: none;
51
- }
52
- .ReactCrop__rule-of-thirds-vt::before,
53
- .ReactCrop__rule-of-thirds-vt::after,
54
- .ReactCrop__rule-of-thirds-hz::before,
55
- .ReactCrop__rule-of-thirds-hz::after {
56
- content: '';
57
- display: block;
58
- position: absolute;
59
- background-color: rgba(255, 255, 255, 0.4);
60
- }
61
- .ReactCrop__rule-of-thirds-vt::before,
62
- .ReactCrop__rule-of-thirds-vt::after {
63
- width: 1px;
64
- height: 100%;
65
- }
66
- .ReactCrop__rule-of-thirds-vt::before {
67
- left: 33.3333%;
68
- left: 33.3333333333%;
69
- }
70
- .ReactCrop__rule-of-thirds-vt::after {
71
- left: 66.6666%;
72
- left: 66.6666666667%;
73
- }
74
- .ReactCrop__rule-of-thirds-hz::before,
75
- .ReactCrop__rule-of-thirds-hz::after {
76
- width: 100%;
77
- height: 1px;
78
- }
79
- .ReactCrop__rule-of-thirds-hz::before {
80
- top: 33.3333%;
81
- top: 33.3333333333%;
82
- }
83
- .ReactCrop__rule-of-thirds-hz::after {
84
- top: 66.6666%;
85
- top: 66.6666666667%;
86
- }
87
- .ReactCrop__drag-handle {
88
- position: absolute;
89
- }
90
- .ReactCrop__drag-handle::after {
91
- position: absolute;
92
- content: '';
93
- display: block;
94
- width: 10px;
95
- height: 10px;
96
- background-color: rgba(0, 0, 0, 0.2);
97
- border: 1px solid rgba(255, 255, 255, 0.7);
98
- outline: 1px solid rgba(0, 0, 0, 0);
99
- }
100
- .ReactCrop__drag-handle:focus::after {
101
- border-color: blue;
102
- background: #2dbfff;
103
- }
104
- .ReactCrop .ord-nw {
105
- top: 0;
106
- left: 0;
107
- margin-top: -5px;
108
- margin-left: -5px;
109
- cursor: nw-resize;
110
- }
111
- .ReactCrop .ord-nw::after {
112
- top: 0;
113
- left: 0;
114
- }
115
- .ReactCrop .ord-n {
116
- top: 0;
117
- left: 50%;
118
- margin-top: -5px;
119
- margin-left: -5px;
120
- cursor: n-resize;
121
- }
122
- .ReactCrop .ord-n::after {
123
- top: 0;
124
- }
125
- .ReactCrop .ord-ne {
126
- top: 0;
127
- right: 0;
128
- margin-top: -5px;
129
- margin-right: -5px;
130
- cursor: ne-resize;
131
- }
132
- .ReactCrop .ord-ne::after {
133
- top: 0;
134
- right: 0;
135
- }
136
- .ReactCrop .ord-e {
137
- top: 50%;
138
- right: 0;
139
- margin-top: -5px;
140
- margin-right: -5px;
141
- cursor: e-resize;
142
- }
143
- .ReactCrop .ord-e::after {
144
- right: 0;
145
- }
146
- .ReactCrop .ord-se {
147
- bottom: 0;
148
- right: 0;
149
- margin-bottom: -5px;
150
- margin-right: -5px;
151
- cursor: se-resize;
152
- }
153
- .ReactCrop .ord-se::after {
154
- bottom: 0;
155
- right: 0;
156
- }
157
- .ReactCrop .ord-s {
158
- bottom: 0;
159
- left: 50%;
160
- margin-bottom: -5px;
161
- margin-left: -5px;
162
- cursor: s-resize;
163
- }
164
- .ReactCrop .ord-s::after {
165
- bottom: 0;
166
- }
167
- .ReactCrop .ord-sw {
168
- bottom: 0;
169
- left: 0;
170
- margin-bottom: -5px;
171
- margin-left: -5px;
172
- cursor: sw-resize;
173
- }
174
- .ReactCrop .ord-sw::after {
175
- bottom: 0;
176
- left: 0;
177
- }
178
- .ReactCrop .ord-w {
179
- top: 50%;
180
- left: 0;
181
- margin-top: -5px;
182
- margin-left: -5px;
183
- cursor: w-resize;
184
- }
185
- .ReactCrop .ord-w::after {
186
- left: 0;
187
- }
188
- .ReactCrop__disabled .ReactCrop__drag-handle {
189
- cursor: inherit;
190
- }
191
- .ReactCrop__drag-bar {
192
- position: absolute;
193
- }
194
- .ReactCrop__drag-bar.ord-n {
195
- top: 0;
196
- left: 0;
197
- width: 100%;
198
- height: 6px;
199
- margin-top: -3px;
200
- }
201
- .ReactCrop__drag-bar.ord-e {
202
- right: 0;
203
- top: 0;
204
- width: 6px;
205
- height: 100%;
206
- margin-right: -3px;
207
- }
208
- .ReactCrop__drag-bar.ord-s {
209
- bottom: 0;
210
- left: 0;
211
- width: 100%;
212
- height: 6px;
213
- margin-bottom: -3px;
214
- }
215
- .ReactCrop__drag-bar.ord-w {
216
- top: 0;
217
- left: 0;
218
- width: 6px;
219
- height: 100%;
220
- margin-left: -3px;
221
- }
222
- .ReactCrop--new-crop .ReactCrop__drag-bar,
223
- .ReactCrop--new-crop .ReactCrop__drag-handle,
224
- .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
225
- display: none;
226
- }
227
- .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
228
- .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
229
- .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
230
- .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
231
- display: none;
232
- }
233
- @media (pointer: coarse) {
234
- .ReactCrop .ord-n,
235
- .ReactCrop .ord-e,
236
- .ReactCrop .ord-s,
237
- .ReactCrop .ord-w {
238
- display: none;
239
- }
240
- .ReactCrop__drag-handle {
241
- width: 24px;
242
- height: 24px;
243
- }
244
- }
245
-
246
- .rdw-option-wrapper {
247
- padding: 5px;
248
- min-width: 25px;
249
- border-radius: 4px;
250
- margin: 0 4px;
251
- display: flex;
252
- justify-content: center;
253
- align-items: center;
254
- cursor: pointer;
255
- background: white;
256
- text-transform: capitalize;
257
- }
258
- .rdw-option-wrapper:hover {
259
- background-color: #f4f5f5;
260
- }
261
- .rdw-option-wrapper:active {
262
- box-shadow: 1px 1px 0px #bfbdbd inset;
263
- }
264
- .rdw-option-active {
265
- box-shadow: 1px 1px 0px #bfbdbd inset;
266
- background-color: #f4f5f5;
267
- }
268
- .rdw-option-disabled {
269
- opacity: 0.3;
270
- cursor: default;
271
- }
272
-
273
- .rdw-dropdown-wrapper {
274
- height: 30px;
275
- background: white;
276
- cursor: pointer;
277
- border-radius: 2px;
278
- margin: 0 3px;
279
- text-transform: capitalize;
280
- background: white;
281
- }
282
- .rdw-dropdown-wrapper:focus {
283
- outline: none;
284
- }
285
- .rdw-dropdown-wrapper:hover {
286
- background-color: #f4f5f5;
287
- }
288
- .rdw-dropdown-wrapper:active {
289
- box-shadow: 1px 1px 0px #bfbdbd inset;
290
- background-color: #f4f5f5;
291
- }
292
- .rdw-dropdown-carettoopen {
293
- height: 0px;
294
- width: 0px;
295
- position: absolute;
296
- top: 35%;
297
- right: 10%;
298
- border-top: 6px solid black;
299
- border-left: 5px solid transparent;
300
- border-right: 5px solid transparent;
301
- }
302
- .rdw-dropdown-carettoclose {
303
- height: 0px;
304
- width: 0px;
305
- position: absolute;
306
- top: 35%;
307
- right: 10%;
308
- border-bottom: 6px solid black;
309
- border-left: 5px solid transparent;
310
- border-right: 5px solid transparent;
311
- }
312
- .rdw-dropdown-selectedtext {
313
- display: flex;
314
- position: relative;
315
- height: 100%;
316
- align-items: center;
317
- padding: 0 5px;
318
- color: #272a2a;
319
- }
320
- .rdw-dropdown-optionwrapper {
321
- z-index: 100;
322
- position: relative;
323
- border: 1px solid #f1f1f1;
324
- width: 98%;
325
- background: white;
326
- border-radius: 2px;
327
- margin: 0;
328
- padding: 0;
329
- max-height: 250px;
330
- overflow-y: scroll;
331
- }
332
- .rdw-dropdown-optionwrapper:hover {
333
- box-shadow: 1px 1px 0px #bfbdbd;
334
- background-color: #ffffff;
335
- }
336
-
337
- .rdw-dropdownoption-default {
338
- min-height: 25px;
339
- display: flex;
340
- align-items: center;
341
- padding: 0 5px;
342
- }
343
- .rdw-dropdownoption-highlighted {
344
- background: #f1f1f1;
345
- }
346
- .rdw-dropdownoption-active {
347
- background: #f5f5f5;
348
- }
349
- .rdw-dropdownoption-disabled {
350
- opacity: 0.3;
351
- cursor: default;
352
- }
353
-
354
- .rdw-inline-wrapper {
355
- display: flex;
356
- align-items: center;
357
- margin-bottom: 6px;
358
- flex-wrap: wrap;
359
- }
360
- .rdw-inline-dropdown {
361
- width: 50px;
362
- }
363
- .rdw-inline-dropdownoption {
364
- height: 40px;
365
- display: flex;
366
- justify-content: center;
367
- }
368
-
369
- .rdw-block-wrapper {
370
- display: flex;
371
- align-items: center;
372
- margin-bottom: 6px;
373
- flex-wrap: wrap;
374
- }
375
- .rdw-block-dropdown {
376
- width: 110px;
377
- }
378
-
379
- .rdw-fontsize-wrapper {
380
- display: flex;
381
- align-items: center;
382
- margin-bottom: 6px;
383
- flex-wrap: wrap;
384
- }
385
- .rdw-fontsize-dropdown {
386
- min-width: 40px;
387
- }
388
- .rdw-fontsize-option {
389
- display: flex;
390
- justify-content: center;
391
- }
392
-
393
- .rdw-fontfamily-wrapper {
394
- display: flex;
395
- align-items: center;
396
- margin-bottom: 6px;
397
- flex-wrap: wrap;
398
- }
399
- .rdw-fontfamily-dropdown {
400
- width: 115px;
401
- }
402
- .rdw-fontfamily-placeholder {
403
- white-space: nowrap;
404
- max-width: 90px;
405
- overflow: hidden;
406
- text-overflow: ellipsis;
407
- color: #272a2a;
408
- }
409
- .rdw-fontfamily-optionwrapper {
410
- width: 140px;
411
- }
412
-
413
- .rdw-list-wrapper {
414
- display: flex;
415
- align-items: center;
416
- margin-bottom: 6px;
417
- flex-wrap: wrap;
418
- }
419
- .rdw-list-dropdown {
420
- width: 50px;
421
- z-index: 90;
422
- }
423
- .rdw-list-dropdownOption {
424
- height: 40px;
425
- display: flex;
426
- justify-content: center;
427
- }
428
-
429
- .rdw-text-align-wrapper {
430
- display: flex;
431
- align-items: center;
432
- margin-bottom: 6px;
433
- flex-wrap: wrap;
434
- }
435
- .rdw-text-align-dropdown {
436
- width: 50px;
437
- z-index: 90;
438
- }
439
- .rdw-text-align-dropdownOption {
440
- height: 40px;
441
- display: flex;
442
- justify-content: center;
443
- }
444
- .rdw-right-aligned-block {
445
- text-align: right;
446
- }
447
- .rdw-left-aligned-block {
448
- text-align: left !important;
449
- }
450
- .rdw-center-aligned-block {
451
- text-align: center !important;
452
- }
453
- .rdw-justify-aligned-block {
454
- text-align: justify !important;
455
- }
456
- .rdw-right-aligned-block > div {
457
- display: inline-block;
458
- }
459
- .rdw-left-aligned-block > div {
460
- display: inline-block;
461
- }
462
- .rdw-center-aligned-block > div {
463
- display: inline-block;
464
- }
465
- .rdw-justify-aligned-block > div {
466
- display: inline-block;
467
- }
468
-
469
- .rdw-colorpicker-wrapper {
470
- display: flex;
471
- align-items: center;
472
- margin-bottom: 6px;
473
- position: relative;
474
- flex-wrap: wrap;
475
- }
476
- .rdw-colorpicker-modal {
477
- position: absolute;
478
- top: 35px;
479
- left: 5px;
480
- display: flex;
481
- flex-direction: column;
482
- width: 175px;
483
- height: 175px;
484
- border: 1px solid #f1f1f1;
485
- padding: 15px;
486
- border-radius: 2px;
487
- z-index: 100;
488
- background: white;
489
- box-shadow: 3px 3px 5px #bfbdbd;
490
- }
491
- .rdw-colorpicker-modal-header {
492
- display: flex;
493
- padding-bottom: 5px;
494
- }
495
- .rdw-colorpicker-modal-style-label {
496
- font-size: 15px;
497
- width: 50%;
498
- text-align: center;
499
- cursor: pointer;
500
- padding: 0 10px 5px;
501
- }
502
- .rdw-colorpicker-modal-style-label-active {
503
- border-bottom: 2px solid #0a66b7;
504
- }
505
- .rdw-colorpicker-modal-options {
506
- margin: 5px auto;
507
- display: flex;
508
- width: 100%;
509
- height: 100%;
510
- flex-wrap: wrap;
511
- overflow: scroll;
512
- }
513
- .rdw-colorpicker-cube {
514
- width: 22px;
515
- height: 22px;
516
- border: 1px solid #f1f1f1;
517
- }
518
- .rdw-colorpicker-option {
519
- margin: 3px;
520
- padding: 0;
521
- min-height: 20px;
522
- border: none;
523
- width: 22px;
524
- height: 22px;
525
- min-width: 22px;
526
- box-shadow: 1px 2px 1px #bfbdbd inset;
527
- }
528
- .rdw-colorpicker-option:hover {
529
- box-shadow: 1px 2px 1px #bfbdbd;
530
- }
531
- .rdw-colorpicker-option:active {
532
- box-shadow: -1px -2px 1px #bfbdbd;
533
- }
534
- .rdw-colorpicker-option-active {
535
- box-shadow: 0px 0px 2px 2px #bfbdbd;
536
- }
537
-
538
- .rdw-link-wrapper {
539
- display: flex;
540
- align-items: center;
541
- margin-bottom: 6px;
542
- position: relative;
543
- flex-wrap: wrap;
544
- }
545
- .rdw-link-dropdown {
546
- width: 50px;
547
- }
548
- .rdw-link-dropdownOption {
549
- height: 40px;
550
- display: flex;
551
- justify-content: center;
552
- }
553
- .rdw-link-dropdownPlaceholder {
554
- margin-left: 8px;
555
- }
556
- .rdw-link-modal {
557
- position: absolute;
558
- top: 35px;
559
- left: 5px;
560
- display: flex;
561
- flex-direction: column;
562
- width: 235px;
563
- border: 1px solid #f1f1f1;
564
- padding: 15px;
565
- border-radius: 2px;
566
- z-index: 100;
567
- background: white;
568
- box-shadow: 3px 3px 5px #bfbdbd;
569
- }
570
- .rdw-link-modal-label {
571
- font-size: 15px;
572
- }
573
- .rdw-link-modal-input {
574
- margin-top: 5px;
575
- border-radius: 2px;
576
- border: 1px solid #f1f1f1;
577
- height: 25px;
578
- margin-bottom: 15px;
579
- padding: 0 5px;
580
- }
581
- .rdw-link-modal-input:focus {
582
- outline: none;
583
- }
584
- .rdw-link-modal-buttonsection {
585
- margin: 0 auto;
586
- }
587
- .rdw-link-modal-target-option {
588
- margin-bottom: 20px;
589
- }
590
- .rdw-link-modal-target-option > span {
591
- margin-left: 5px;
592
- }
593
- .rdw-link-modal-btn {
594
- margin-left: 10px;
595
- width: 75px;
596
- height: 30px;
597
- border: 1px solid #f1f1f1;
598
- border-radius: 2px;
599
- cursor: pointer;
600
- background: white;
601
- text-transform: capitalize;
602
- }
603
- .rdw-link-modal-btn:hover {
604
- box-shadow: 1px 1px 0px #bfbdbd;
605
- }
606
- .rdw-link-modal-btn:active {
607
- box-shadow: 1px 1px 0px #bfbdbd inset;
608
- }
609
- .rdw-link-modal-btn:focus {
610
- outline: none !important;
611
- }
612
- .rdw-link-modal-btn:disabled {
613
- background: #ece9e9;
614
- }
615
- .rdw-link-dropdownoption {
616
- height: 40px;
617
- display: flex;
618
- justify-content: center;
619
- }
620
- .rdw-history-dropdown {
621
- width: 50px;
622
- }
623
-
624
- .rdw-embedded-wrapper {
625
- display: flex;
626
- align-items: center;
627
- margin-bottom: 6px;
628
- position: relative;
629
- flex-wrap: wrap;
630
- }
631
- .rdw-embedded-modal {
632
- position: absolute;
633
- top: 35px;
634
- left: 5px;
635
- display: flex;
636
- flex-direction: column;
637
- width: 235px;
638
- height: 180px;
639
- border: 1px solid #f1f1f1;
640
- padding: 15px;
641
- border-radius: 2px;
642
- z-index: 100;
643
- background: white;
644
- justify-content: space-between;
645
- box-shadow: 3px 3px 5px #bfbdbd;
646
- }
647
- .rdw-embedded-modal-header {
648
- font-size: 15px;
649
- display: flex;
650
- }
651
- .rdw-embedded-modal-header-option {
652
- width: 50%;
653
- cursor: pointer;
654
- display: flex;
655
- justify-content: center;
656
- align-items: center;
657
- flex-direction: column;
658
- }
659
- .rdw-embedded-modal-header-label {
660
- width: 95px;
661
- border: 1px solid #f1f1f1;
662
- margin-top: 5px;
663
- background: #6eb8d4;
664
- border-bottom: 2px solid #0a66b7;
665
- }
666
- .rdw-embedded-modal-link-section {
667
- display: flex;
668
- flex-direction: column;
669
- }
670
- .rdw-embedded-modal-link-input {
671
- width: 88%;
672
- height: 35px;
673
- margin: 10px 0;
674
- border: 1px solid #f1f1f1;
675
- border-radius: 2px;
676
- font-size: 15px;
677
- padding: 0 5px;
678
- }
679
- .rdw-embedded-modal-link-input-wrapper {
680
- display: flex;
681
- align-items: center;
682
- }
683
- .rdw-embedded-modal-link-input:focus {
684
- outline: none;
685
- }
686
- .rdw-embedded-modal-btn-section {
687
- display: flex;
688
- justify-content: center;
689
- }
690
- .rdw-embedded-modal-btn {
691
- margin: 0 3px;
692
- width: 75px;
693
- height: 30px;
694
- border: 1px solid #f1f1f1;
695
- border-radius: 2px;
696
- cursor: pointer;
697
- background: white;
698
- text-transform: capitalize;
699
- }
700
- .rdw-embedded-modal-btn:hover {
701
- box-shadow: 1px 1px 0px #bfbdbd;
702
- }
703
- .rdw-embedded-modal-btn:active {
704
- box-shadow: 1px 1px 0px #bfbdbd inset;
705
- }
706
- .rdw-embedded-modal-btn:focus {
707
- outline: none !important;
708
- }
709
- .rdw-embedded-modal-btn:disabled {
710
- background: #ece9e9;
711
- }
712
- .rdw-embedded-modal-size {
713
- align-items: center;
714
- display: flex;
715
- margin: 8px 0;
716
- justify-content: space-between;
717
- }
718
- .rdw-embedded-modal-size-input {
719
- width: 80%;
720
- height: 20px;
721
- border: 1px solid #f1f1f1;
722
- border-radius: 2px;
723
- font-size: 12px;
724
- }
725
- .rdw-embedded-modal-size-input:focus {
726
- outline: none;
727
- }
728
-
729
- .rdw-emoji-wrapper {
730
- display: flex;
731
- align-items: center;
732
- margin-bottom: 6px;
733
- position: relative;
734
- flex-wrap: wrap;
735
- }
736
- .rdw-emoji-modal {
737
- overflow: auto;
738
- position: absolute;
739
- top: 35px;
740
- left: 5px;
741
- display: flex;
742
- flex-wrap: wrap;
743
- width: 235px;
744
- height: 180px;
745
- border: 1px solid #f1f1f1;
746
- padding: 15px;
747
- border-radius: 2px;
748
- z-index: 100;
749
- background: white;
750
- box-shadow: 3px 3px 5px #bfbdbd;
751
- }
752
- .rdw-emoji-icon {
753
- margin: 2.5px;
754
- height: 24px;
755
- width: 24px;
756
- cursor: pointer;
757
- font-size: 22px;
758
- display: flex;
759
- justify-content: center;
760
- align-items: center;
761
- }
762
-
763
- .rdw-spinner {
764
- display: flex;
765
- align-items: center;
766
- justify-content: center;
767
- height: 100%;
768
- width: 100%;
769
- }
770
- .rdw-spinner > div {
771
- width: 12px;
772
- height: 12px;
773
- background-color: #333;
774
-
775
- border-radius: 100%;
776
- display: inline-block;
777
- animation: sk-bouncedelay 1.4s infinite ease-in-out both;
778
- }
779
- .rdw-spinner .rdw-bounce1 {
780
- animation-delay: -0.32s;
781
- }
782
- .rdw-spinner .rdw-bounce2 {
783
- animation-delay: -0.16s;
784
- }
785
- @keyframes sk-bouncedelay {
786
- 0%,
787
- 80%,
788
- 100% {
789
- transform: scale(0);
790
- }
791
- 40% {
792
- transform: scale(1);
793
- }
794
- }
795
-
796
- .rdw-image-wrapper {
797
- display: flex;
798
- align-items: center;
799
- margin-bottom: 6px;
800
- position: relative;
801
- flex-wrap: wrap;
802
- }
803
- .rdw-image-modal {
804
- position: absolute;
805
- top: 35px;
806
- left: 5px;
807
- display: flex;
808
- flex-direction: column;
809
- width: 235px;
810
- border: 1px solid #f1f1f1;
811
- padding: 15px;
812
- border-radius: 2px;
813
- z-index: 100;
814
- background: white;
815
- box-shadow: 3px 3px 5px #bfbdbd;
816
- }
817
- .rdw-image-modal-header {
818
- font-size: 15px;
819
- margin: 10px 0;
820
- display: flex;
821
- }
822
- .rdw-image-modal-header-option {
823
- width: 50%;
824
- cursor: pointer;
825
- display: flex;
826
- justify-content: center;
827
- align-items: center;
828
- flex-direction: column;
829
- }
830
- .rdw-image-modal-header-label {
831
- width: 80px;
832
- background: #f1f1f1;
833
- border: 1px solid #f1f1f1;
834
- margin-top: 5px;
835
- }
836
- .rdw-image-modal-header-label-highlighted {
837
- background: #6eb8d4;
838
- border-bottom: 2px solid #0a66b7;
839
- }
840
- .rdw-image-modal-upload-option {
841
- width: 100%;
842
- color: gray;
843
- cursor: pointer;
844
- display: flex;
845
- border: none;
846
- font-size: 15px;
847
- align-items: center;
848
- justify-content: center;
849
- background-color: #f1f1f1;
850
- outline: 2px dashed gray;
851
- outline-offset: -10px;
852
- margin: 10px 0;
853
- padding: 9px 0;
854
- }
855
- .rdw-image-modal-upload-option-highlighted {
856
- outline: 2px dashed #0a66b7;
857
- }
858
- .rdw-image-modal-upload-option-label {
859
- cursor: pointer;
860
- height: 100%;
861
- width: 100%;
862
- display: flex;
863
- justify-content: center;
864
- align-items: center;
865
- padding: 15px;
866
- }
867
- .rdw-image-modal-upload-option-label span {
868
- padding: 0 20px;
869
- }
870
- .rdw-image-modal-upload-option-image-preview {
871
- max-width: 100%;
872
- max-height: 200px;
873
- }
874
- .rdw-image-modal-upload-option-input {
875
- width: 0.1px;
876
- height: 0.1px;
877
- opacity: 0;
878
- overflow: hidden;
879
- position: absolute;
880
- z-index: -1;
881
- }
882
- .rdw-image-modal-url-section {
883
- display: flex;
884
- align-items: center;
885
- }
886
- .rdw-image-modal-url-input {
887
- width: 90%;
888
- height: 35px;
889
- margin: 15px 0 12px;
890
- border: 1px solid #f1f1f1;
891
- border-radius: 2px;
892
- font-size: 15px;
893
- padding: 0 5px;
894
- }
895
- .rdw-image-modal-btn-section {
896
- margin: 10px auto 0;
897
- }
898
- .rdw-image-modal-url-input:focus {
899
- outline: none;
900
- }
901
- .rdw-image-modal-btn {
902
- margin: 0 5px;
903
- width: 75px;
904
- height: 30px;
905
- border: 1px solid #f1f1f1;
906
- border-radius: 2px;
907
- cursor: pointer;
908
- background: white;
909
- text-transform: capitalize;
910
- }
911
- .rdw-image-modal-btn:hover {
912
- box-shadow: 1px 1px 0px #bfbdbd;
913
- }
914
- .rdw-image-modal-btn:active {
915
- box-shadow: 1px 1px 0px #bfbdbd inset;
916
- }
917
- .rdw-image-modal-btn:focus {
918
- outline: none !important;
919
- }
920
- .rdw-image-modal-btn:disabled {
921
- background: #ece9e9;
922
- }
923
- .rdw-image-modal-spinner {
924
- position: absolute;
925
- top: -3px;
926
- left: 0;
927
- width: 100%;
928
- height: 100%;
929
- opacity: 0.5;
930
- }
931
- .rdw-image-modal-alt-input {
932
- width: 70%;
933
- height: 20px;
934
- border: 1px solid #f1f1f1;
935
- border-radius: 2px;
936
- font-size: 12px;
937
- margin-left: 5px;
938
- }
939
- .rdw-image-modal-alt-input:focus {
940
- outline: none;
941
- }
942
- .rdw-image-modal-alt-lbl {
943
- font-size: 12px;
944
- }
945
- .rdw-image-modal-size {
946
- align-items: center;
947
- display: flex;
948
- margin: 8px 0;
949
- justify-content: space-between;
950
- }
951
- .rdw-image-modal-size-input {
952
- width: 40%;
953
- height: 20px;
954
- border: 1px solid #f1f1f1;
955
- border-radius: 2px;
956
- font-size: 12px;
957
- }
958
- .rdw-image-modal-size-input:focus {
959
- outline: none;
960
- }
961
- .rdw-image-mandatory-sign {
962
- color: red;
963
- margin-left: 3px;
964
- margin-right: 3px;
965
- }
966
-
967
- .rdw-remove-wrapper {
968
- display: flex;
969
- align-items: center;
970
- margin-bottom: 6px;
971
- position: relative;
972
- flex-wrap: wrap;
973
- }
974
-
975
- .rdw-history-wrapper {
976
- display: flex;
977
- align-items: center;
978
- margin-bottom: 6px;
979
- flex-wrap: wrap;
980
- }
981
- .rdw-history-dropdownoption {
982
- height: 40px;
983
- display: flex;
984
- justify-content: center;
985
- }
986
- .rdw-history-dropdown {
987
- width: 50px;
988
- }
989
-
990
- .rdw-link-decorator-wrapper {
991
- position: relative;
992
- }
993
- .rdw-link-decorator-icon {
994
- position: absolute;
995
- left: 40%;
996
- top: 0;
997
- cursor: pointer;
998
- background-color: white;
999
- }
1000
-
1001
- .rdw-mention-link {
1002
- text-decoration: none;
1003
- color: #1236ff;
1004
- background-color: #f0fbff;
1005
- padding: 1px 2px;
1006
- border-radius: 2px;
1007
- }
1008
-
1009
- .rdw-suggestion-wrapper {
1010
- position: relative;
1011
- }
1012
- .rdw-suggestion-dropdown {
1013
- position: absolute;
1014
- display: flex;
1015
- flex-direction: column;
1016
- border: 1px solid #f1f1f1;
1017
- min-width: 100px;
1018
- max-height: 150px;
1019
- overflow: auto;
1020
- background: white;
1021
- z-index: 100;
1022
- }
1023
- .rdw-suggestion-option {
1024
- padding: 7px 5px;
1025
- border-bottom: 1px solid #f1f1f1;
1026
- }
1027
- .rdw-suggestion-option-active {
1028
- background-color: #f1f1f1;
1029
- }
1030
-
1031
- .rdw-hashtag-link {
1032
- text-decoration: none;
1033
- color: #1236ff;
1034
- background-color: #f0fbff;
1035
- padding: 1px 2px;
1036
- border-radius: 2px;
1037
- }
1038
-
1039
- .rdw-image-alignment-options-popup {
1040
- position: absolute;
1041
- background: white;
1042
- display: flex;
1043
- padding: 5px 2px;
1044
- border-radius: 2px;
1045
- border: 1px solid #f1f1f1;
1046
- width: 105px;
1047
- cursor: pointer;
1048
- z-index: 100;
1049
- }
1050
- .rdw-alignment-option-left {
1051
- justify-content: flex-start;
1052
- }
1053
- .rdw-image-alignment-option {
1054
- height: 15px;
1055
- width: 15px;
1056
- min-width: 15px;
1057
- }
1058
- .rdw-image-alignment {
1059
- position: relative;
1060
- }
1061
- .rdw-image-imagewrapper {
1062
- position: relative;
1063
- }
1064
- .rdw-image-center {
1065
- display: flex;
1066
- justify-content: center;
1067
- }
1068
- .rdw-image-left {
1069
- display: flex;
1070
- }
1071
- .rdw-image-right {
1072
- display: flex;
1073
- justify-content: flex-end;
1074
- }
1075
- .rdw-image-alignment-options-popup-right {
1076
- right: 0;
1077
- }
1078
-
1079
- .rdw-editor-main {
1080
- height: 100%;
1081
- overflow: auto;
1082
- box-sizing: border-box;
1083
- }
1084
- .rdw-editor-toolbar {
1085
- padding: 6px 5px 0;
1086
- border-radius: 2px;
1087
- border: 1px solid #f1f1f1;
1088
- display: flex;
1089
- justify-content: flex-start;
1090
- background: white;
1091
- flex-wrap: wrap;
1092
- font-size: 15px;
1093
- margin-bottom: 5px;
1094
- -webkit-user-select: none;
1095
- -moz-user-select: none;
1096
- user-select: none;
1097
- }
1098
- .public-DraftStyleDefault-block {
1099
- margin: 1em 0;
1100
- }
1101
- .rdw-editor-wrapper:focus {
1102
- outline: none;
1103
- }
1104
- .rdw-editor-wrapper {
1105
- box-sizing: content-box;
1106
- }
1107
- .rdw-editor-main blockquote {
1108
- border-left: 5px solid #f1f1f1;
1109
- padding-left: 5px;
1110
- }
1111
- .rdw-editor-main pre {
1112
- background: #f1f1f1;
1113
- border-radius: 3px;
1114
- padding: 1px 10px;
1115
- }
1116
- /**
1117
- * Draft v0.9.1
1118
- *
1119
- * Copyright (c) 2013-present, Facebook, Inc.
1120
- * All rights reserved.
1121
- *
1122
- * This source code is licensed under the BSD-style license found in the
1123
- * LICENSE file in the root directory of this source tree. An additional grant
1124
- * of patent rights can be found in the PATENTS file in the same directory.
1125
- */
1126
- .DraftEditor-editorContainer,
1127
- .DraftEditor-root,
1128
- .public-DraftEditor-content {
1129
- height: inherit;
1130
- text-align: initial;
1131
- }
1132
- .public-DraftEditor-content[contenteditable='true'] {
1133
- -webkit-user-modify: read-write-plaintext-only;
1134
- }
1135
- .DraftEditor-root {
1136
- position: relative;
1137
- }
1138
- .DraftEditor-editorContainer {
1139
- background-color: rgba(255, 255, 255, 0);
1140
- border-left: 0.1px solid transparent;
1141
- position: relative;
1142
- z-index: 1;
1143
- }
1144
- .public-DraftEditor-block {
1145
- position: relative;
1146
- }
1147
- .DraftEditor-alignLeft .public-DraftStyleDefault-block {
1148
- text-align: left;
1149
- }
1150
- .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
1151
- left: 0;
1152
- text-align: left;
1153
- }
1154
- .DraftEditor-alignCenter .public-DraftStyleDefault-block {
1155
- text-align: center;
1156
- }
1157
- .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
1158
- margin: 0 auto;
1159
- text-align: center;
1160
- width: 100%;
1161
- }
1162
- .DraftEditor-alignRight .public-DraftStyleDefault-block {
1163
- text-align: right;
1164
- }
1165
- .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
1166
- right: 0;
1167
- text-align: right;
1168
- }
1169
- .public-DraftEditorPlaceholder-root {
1170
- color: #9197a3;
1171
- position: absolute;
1172
- z-index: 0;
1173
- }
1174
- .public-DraftEditorPlaceholder-hasFocus {
1175
- color: #bdc1c9;
1176
- }
1177
- .DraftEditorPlaceholder-hidden {
1178
- display: none;
1179
- }
1180
- .public-DraftStyleDefault-block {
1181
- position: relative;
1182
- white-space: pre-wrap;
1183
- }
1184
- .public-DraftStyleDefault-ltr {
1185
- direction: ltr;
1186
- }
1187
- .public-DraftStyleDefault-rtl {
1188
- direction: rtl;
1189
- text-align: right;
1190
- }
1191
- .public-DraftStyleDefault-listLTR {
1192
- direction: ltr;
1193
- }
1194
- .public-DraftStyleDefault-listRTL {
1195
- direction: rtl;
1196
- }
1197
- .public-DraftStyleDefault-ol,
1198
- .public-DraftStyleDefault-ul {
1199
- margin: 16px 0;
1200
- padding: 0;
1201
- }
1202
- .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
1203
- margin-left: 1.5em;
1204
- }
1205
- .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
1206
- margin-right: 1.5em;
1207
- }
1208
- .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
1209
- margin-left: 3em;
1210
- }
1211
- .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
1212
- margin-right: 3em;
1213
- }
1214
- .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
1215
- margin-left: 4.5em;
1216
- }
1217
- .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
1218
- margin-right: 4.5em;
1219
- }
1220
- .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
1221
- margin-left: 6em;
1222
- }
1223
- .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
1224
- margin-right: 6em;
1225
- }
1226
- .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
1227
- margin-left: 7.5em;
1228
- }
1229
- .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
1230
- margin-right: 7.5em;
1231
- }
1232
- .public-DraftStyleDefault-unorderedListItem {
1233
- list-style-type: square;
1234
- position: relative;
1235
- }
1236
- .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
1237
- list-style-type: disc;
1238
- }
1239
- .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
1240
- list-style-type: circle;
1241
- }
1242
- .public-DraftStyleDefault-orderedListItem {
1243
- list-style-type: none;
1244
- position: relative;
1245
- }
1246
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
1247
- left: -36px;
1248
- position: absolute;
1249
- text-align: right;
1250
- width: 30px;
1251
- }
1252
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
1253
- position: absolute;
1254
- right: -36px;
1255
- text-align: left;
1256
- width: 30px;
1257
- }
1258
- .public-DraftStyleDefault-orderedListItem:before {
1259
- content: counter(ol0) '. ';
1260
- counter-increment: ol0;
1261
- }
1262
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
1263
- content: counter(ol1) '. ';
1264
- counter-increment: ol1;
1265
- }
1266
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
1267
- content: counter(ol2) '. ';
1268
- counter-increment: ol2;
1269
- }
1270
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
1271
- content: counter(ol3) '. ';
1272
- counter-increment: ol3;
1273
- }
1274
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
1275
- content: counter(ol4) '. ';
1276
- counter-increment: ol4;
1277
- }
1278
- .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
1279
- counter-reset: ol0;
1280
- }
1281
- .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
1282
- counter-reset: ol1;
1283
- }
1284
- .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
1285
- counter-reset: ol2;
1286
- }
1287
- .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
1288
- counter-reset: ol3;
1289
- }
1290
- .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
1291
- counter-reset: ol4;
1292
- }
1293
-
1294
- .recharts-pie-sector {
1295
- outline: none;
1296
- }