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