@myunisoft/design-system 0.5.0 → 0.6.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.
Files changed (6) hide show
  1. package/dist/CommentDialog.5b3d059d.js +3012 -0
  2. package/dist/CommentDialog.5b3d059d.js.map +1 -0
  3. package/dist/index.css +1026 -1026
  4. package/dist/index.js +103368 -9613
  5. package/dist/index.js.map +1 -0
  6. package/package.json +8 -5
package/dist/index.css CHANGED
@@ -1,1026 +1,1026 @@
1
- /* sass:C:\Users\33671\Documents\repository\design-system\node_modules\react-draft-wysiwyg\dist\react-draft-wysiwyg.css */
2
- .rdw-option-wrapper {
3
- border: 1px solid #F1F1F1;
4
- padding: 5px;
5
- min-width: 25px;
6
- height: 20px;
7
- border-radius: 2px;
8
- margin: 0 4px;
9
- display: flex;
10
- justify-content: center;
11
- align-items: center;
12
- cursor: pointer;
13
- background: white;
14
- text-transform: capitalize;
15
- }
16
- .rdw-option-wrapper:hover {
17
- box-shadow: 1px 1px 0px #BFBDBD;
18
- }
19
- .rdw-option-wrapper:active {
20
- box-shadow: 1px 1px 0px #BFBDBD inset;
21
- }
22
- .rdw-option-active {
23
- box-shadow: 1px 1px 0px #BFBDBD inset;
24
- }
25
- .rdw-option-disabled {
26
- opacity: 0.3;
27
- cursor: default;
28
- }
29
- .rdw-dropdown-wrapper {
30
- height: 30px;
31
- background: white;
32
- cursor: pointer;
33
- border: 1px solid #F1F1F1;
34
- border-radius: 2px;
35
- margin: 0 3px;
36
- text-transform: capitalize;
37
- background: white;
38
- }
39
- .rdw-dropdown-wrapper:focus {
40
- outline: none;
41
- }
42
- .rdw-dropdown-wrapper:hover {
43
- box-shadow: 1px 1px 0px #BFBDBD;
44
- background-color: #FFFFFF;
45
- }
46
- .rdw-dropdown-wrapper:active {
47
- box-shadow: 1px 1px 0px #BFBDBD inset;
48
- }
49
- .rdw-dropdown-carettoopen {
50
- height: 0px;
51
- width: 0px;
52
- position: absolute;
53
- top: 35%;
54
- right: 10%;
55
- border-top: 6px solid black;
56
- border-left: 5px solid transparent;
57
- border-right: 5px solid transparent;
58
- }
59
- .rdw-dropdown-carettoclose {
60
- height: 0px;
61
- width: 0px;
62
- position: absolute;
63
- top: 35%;
64
- right: 10%;
65
- border-bottom: 6px solid black;
66
- border-left: 5px solid transparent;
67
- border-right: 5px solid transparent;
68
- }
69
- .rdw-dropdown-selectedtext {
70
- display: flex;
71
- position: relative;
72
- height: 100%;
73
- align-items: center;
74
- padding: 0 5px;
75
- }
76
- .rdw-dropdown-optionwrapper {
77
- z-index: 100;
78
- position: relative;
79
- border: 1px solid #F1F1F1;
80
- width: 98%;
81
- background: white;
82
- border-radius: 2px;
83
- margin: 0;
84
- padding: 0;
85
- max-height: 250px;
86
- overflow-y: scroll;
87
- }
88
- .rdw-dropdown-optionwrapper:hover {
89
- box-shadow: 1px 1px 0px #BFBDBD;
90
- background-color: #FFFFFF;
91
- }
92
- .rdw-dropdownoption-default {
93
- min-height: 25px;
94
- display: flex;
95
- align-items: center;
96
- padding: 0 5px;
97
- }
98
- .rdw-dropdownoption-highlighted {
99
- background: #F1F1F1;
100
- }
101
- .rdw-dropdownoption-active {
102
- background: #f5f5f5;
103
- }
104
- .rdw-dropdownoption-disabled {
105
- opacity: 0.3;
106
- cursor: default;
107
- }
108
- .rdw-inline-wrapper {
109
- display: flex;
110
- align-items: center;
111
- margin-bottom: 6px;
112
- flex-wrap: wrap;
113
- }
114
- .rdw-inline-dropdown {
115
- width: 50px;
116
- }
117
- .rdw-inline-dropdownoption {
118
- height: 40px;
119
- display: flex;
120
- justify-content: center;
121
- }
122
- .rdw-block-wrapper {
123
- display: flex;
124
- align-items: center;
125
- margin-bottom: 6px;
126
- flex-wrap: wrap;
127
- }
128
- .rdw-block-dropdown {
129
- width: 110px;
130
- }
131
- .rdw-fontsize-wrapper {
132
- display: flex;
133
- align-items: center;
134
- margin-bottom: 6px;
135
- flex-wrap: wrap;
136
- }
137
- .rdw-fontsize-dropdown {
138
- min-width: 40px;
139
- }
140
- .rdw-fontsize-option {
141
- display: flex;
142
- justify-content: center;
143
- }
144
- .rdw-fontfamily-wrapper {
145
- display: flex;
146
- align-items: center;
147
- margin-bottom: 6px;
148
- flex-wrap: wrap;
149
- }
150
- .rdw-fontfamily-dropdown {
151
- width: 115px;
152
- }
153
- .rdw-fontfamily-placeholder {
154
- white-space: nowrap;
155
- max-width: 90px;
156
- overflow: hidden;
157
- text-overflow: ellipsis;
158
- }
159
- .rdw-fontfamily-optionwrapper {
160
- width: 140px;
161
- }
162
- .rdw-list-wrapper {
163
- display: flex;
164
- align-items: center;
165
- margin-bottom: 6px;
166
- flex-wrap: wrap;
167
- }
168
- .rdw-list-dropdown {
169
- width: 50px;
170
- z-index: 90;
171
- }
172
- .rdw-list-dropdownOption {
173
- height: 40px;
174
- display: flex;
175
- justify-content: center;
176
- }
177
- .rdw-text-align-wrapper {
178
- display: flex;
179
- align-items: center;
180
- margin-bottom: 6px;
181
- flex-wrap: wrap;
182
- }
183
- .rdw-text-align-dropdown {
184
- width: 50px;
185
- z-index: 90;
186
- }
187
- .rdw-text-align-dropdownOption {
188
- height: 40px;
189
- display: flex;
190
- justify-content: center;
191
- }
192
- .rdw-right-aligned-block {
193
- text-align: right;
194
- }
195
- .rdw-left-aligned-block {
196
- text-align: left !important;
197
- }
198
- .rdw-center-aligned-block {
199
- text-align: center !important;
200
- }
201
- .rdw-justify-aligned-block {
202
- text-align: justify !important;
203
- }
204
- .rdw-right-aligned-block > div {
205
- display: inline-block;
206
- }
207
- .rdw-left-aligned-block > div {
208
- display: inline-block;
209
- }
210
- .rdw-center-aligned-block > div {
211
- display: inline-block;
212
- }
213
- .rdw-justify-aligned-block > div {
214
- display: inline-block;
215
- }
216
- .rdw-colorpicker-wrapper {
217
- display: flex;
218
- align-items: center;
219
- margin-bottom: 6px;
220
- position: relative;
221
- flex-wrap: wrap;
222
- }
223
- .rdw-colorpicker-modal {
224
- position: absolute;
225
- top: 35px;
226
- left: 5px;
227
- display: flex;
228
- flex-direction: column;
229
- width: 175px;
230
- height: 175px;
231
- border: 1px solid #F1F1F1;
232
- padding: 15px;
233
- border-radius: 2px;
234
- z-index: 100;
235
- background: white;
236
- box-shadow: 3px 3px 5px #BFBDBD;
237
- }
238
- .rdw-colorpicker-modal-header {
239
- display: flex;
240
- padding-bottom: 5px;
241
- }
242
- .rdw-colorpicker-modal-style-label {
243
- font-size: 15px;
244
- width: 50%;
245
- text-align: center;
246
- cursor: pointer;
247
- padding: 0 10px 5px;
248
- }
249
- .rdw-colorpicker-modal-style-label-active {
250
- border-bottom: 2px solid #0a66b7;
251
- }
252
- .rdw-colorpicker-modal-options {
253
- margin: 5px auto;
254
- display: flex;
255
- width: 100%;
256
- height: 100%;
257
- flex-wrap: wrap;
258
- overflow: scroll;
259
- }
260
- .rdw-colorpicker-cube {
261
- width: 22px;
262
- height: 22px;
263
- border: 1px solid #F1F1F1;
264
- }
265
- .rdw-colorpicker-option {
266
- margin: 3px;
267
- padding: 0;
268
- min-height: 20px;
269
- border: none;
270
- width: 22px;
271
- height: 22px;
272
- min-width: 22px;
273
- box-shadow: 1px 2px 1px #BFBDBD inset;
274
- }
275
- .rdw-colorpicker-option:hover {
276
- box-shadow: 1px 2px 1px #BFBDBD;
277
- }
278
- .rdw-colorpicker-option:active {
279
- box-shadow: -1px -2px 1px #BFBDBD;
280
- }
281
- .rdw-colorpicker-option-active {
282
- box-shadow: 0px 0px 2px 2px #BFBDBD;
283
- }
284
- .rdw-link-wrapper {
285
- display: flex;
286
- align-items: center;
287
- margin-bottom: 6px;
288
- position: relative;
289
- flex-wrap: wrap;
290
- }
291
- .rdw-link-dropdown {
292
- width: 50px;
293
- }
294
- .rdw-link-dropdownOption {
295
- height: 40px;
296
- display: flex;
297
- justify-content: center;
298
- }
299
- .rdw-link-dropdownPlaceholder {
300
- margin-left: 8px;
301
- }
302
- .rdw-link-modal {
303
- position: absolute;
304
- top: 35px;
305
- left: 5px;
306
- display: flex;
307
- flex-direction: column;
308
- width: 235px;
309
- height: 205px;
310
- border: 1px solid #F1F1F1;
311
- padding: 15px;
312
- border-radius: 2px;
313
- z-index: 100;
314
- background: white;
315
- box-shadow: 3px 3px 5px #BFBDBD;
316
- }
317
- .rdw-link-modal-label {
318
- font-size: 15px;
319
- }
320
- .rdw-link-modal-input {
321
- margin-top: 5px;
322
- border-radius: 2px;
323
- border: 1px solid #F1F1F1;
324
- height: 25px;
325
- margin-bottom: 15px;
326
- padding: 0 5px;
327
- }
328
- .rdw-link-modal-input:focus {
329
- outline: none;
330
- }
331
- .rdw-link-modal-buttonsection {
332
- margin: 0 auto;
333
- }
334
- .rdw-link-modal-target-option {
335
- margin-bottom: 20px;
336
- }
337
- .rdw-link-modal-target-option > span {
338
- margin-left: 5px;
339
- }
340
- .rdw-link-modal-btn {
341
- margin-left: 10px;
342
- width: 75px;
343
- height: 30px;
344
- border: 1px solid #F1F1F1;
345
- border-radius: 2px;
346
- cursor: pointer;
347
- background: white;
348
- text-transform: capitalize;
349
- }
350
- .rdw-link-modal-btn:hover {
351
- box-shadow: 1px 1px 0px #BFBDBD;
352
- }
353
- .rdw-link-modal-btn:active {
354
- box-shadow: 1px 1px 0px #BFBDBD inset;
355
- }
356
- .rdw-link-modal-btn:focus {
357
- outline: none !important;
358
- }
359
- .rdw-link-modal-btn:disabled {
360
- background: #ece9e9;
361
- }
362
- .rdw-link-dropdownoption {
363
- height: 40px;
364
- display: flex;
365
- justify-content: center;
366
- }
367
- .rdw-history-dropdown {
368
- width: 50px;
369
- }
370
- .rdw-embedded-wrapper {
371
- display: flex;
372
- align-items: center;
373
- margin-bottom: 6px;
374
- position: relative;
375
- flex-wrap: wrap;
376
- }
377
- .rdw-embedded-modal {
378
- position: absolute;
379
- top: 35px;
380
- left: 5px;
381
- display: flex;
382
- flex-direction: column;
383
- width: 235px;
384
- height: 180px;
385
- border: 1px solid #F1F1F1;
386
- padding: 15px;
387
- border-radius: 2px;
388
- z-index: 100;
389
- background: white;
390
- justify-content: space-between;
391
- box-shadow: 3px 3px 5px #BFBDBD;
392
- }
393
- .rdw-embedded-modal-header {
394
- font-size: 15px;
395
- display: flex;
396
- }
397
- .rdw-embedded-modal-header-option {
398
- width: 50%;
399
- cursor: pointer;
400
- display: flex;
401
- justify-content: center;
402
- align-items: center;
403
- flex-direction: column;
404
- }
405
- .rdw-embedded-modal-header-label {
406
- width: 95px;
407
- border: 1px solid #f1f1f1;
408
- margin-top: 5px;
409
- background: #6EB8D4;
410
- border-bottom: 2px solid #0a66b7;
411
- }
412
- .rdw-embedded-modal-link-section {
413
- display: flex;
414
- flex-direction: column;
415
- }
416
- .rdw-embedded-modal-link-input {
417
- width: 88%;
418
- height: 35px;
419
- margin: 10px 0;
420
- border: 1px solid #F1F1F1;
421
- border-radius: 2px;
422
- font-size: 15px;
423
- padding: 0 5px;
424
- }
425
- .rdw-embedded-modal-link-input-wrapper {
426
- display: flex;
427
- align-items: center;
428
- }
429
- .rdw-embedded-modal-link-input:focus {
430
- outline: none;
431
- }
432
- .rdw-embedded-modal-btn-section {
433
- display: flex;
434
- justify-content: center;
435
- }
436
- .rdw-embedded-modal-btn {
437
- margin: 0 3px;
438
- width: 75px;
439
- height: 30px;
440
- border: 1px solid #F1F1F1;
441
- border-radius: 2px;
442
- cursor: pointer;
443
- background: white;
444
- text-transform: capitalize;
445
- }
446
- .rdw-embedded-modal-btn:hover {
447
- box-shadow: 1px 1px 0px #BFBDBD;
448
- }
449
- .rdw-embedded-modal-btn:active {
450
- box-shadow: 1px 1px 0px #BFBDBD inset;
451
- }
452
- .rdw-embedded-modal-btn:focus {
453
- outline: none !important;
454
- }
455
- .rdw-embedded-modal-btn:disabled {
456
- background: #ece9e9;
457
- }
458
- .rdw-embedded-modal-size {
459
- align-items: center;
460
- display: flex;
461
- margin: 8px 0;
462
- justify-content: space-between;
463
- }
464
- .rdw-embedded-modal-size-input {
465
- width: 80%;
466
- height: 20px;
467
- border: 1px solid #F1F1F1;
468
- border-radius: 2px;
469
- font-size: 12px;
470
- }
471
- .rdw-embedded-modal-size-input:focus {
472
- outline: none;
473
- }
474
- .rdw-emoji-wrapper {
475
- display: flex;
476
- align-items: center;
477
- margin-bottom: 6px;
478
- position: relative;
479
- flex-wrap: wrap;
480
- }
481
- .rdw-emoji-modal {
482
- overflow: auto;
483
- position: absolute;
484
- top: 35px;
485
- left: 5px;
486
- display: flex;
487
- flex-wrap: wrap;
488
- width: 235px;
489
- height: 180px;
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-emoji-icon {
498
- margin: 2.5px;
499
- height: 24px;
500
- width: 24px;
501
- cursor: pointer;
502
- font-size: 22px;
503
- display: flex;
504
- justify-content: center;
505
- align-items: center;
506
- }
507
- .rdw-spinner {
508
- display: flex;
509
- align-items: center;
510
- justify-content: center;
511
- height: 100%;
512
- width: 100%;
513
- }
514
- .rdw-spinner > div {
515
- width: 12px;
516
- height: 12px;
517
- background-color: #333;
518
- border-radius: 100%;
519
- display: inline-block;
520
- -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
521
- animation: sk-bouncedelay 1.4s infinite ease-in-out both;
522
- }
523
- .rdw-spinner .rdw-bounce1 {
524
- -webkit-animation-delay: -0.32s;
525
- animation-delay: -0.32s;
526
- }
527
- .rdw-spinner .rdw-bounce2 {
528
- -webkit-animation-delay: -0.16s;
529
- animation-delay: -0.16s;
530
- }
531
- @-webkit-keyframes sk-bouncedelay {
532
- 0%, 80%, 100% {
533
- -webkit-transform: scale(0);
534
- }
535
- 40% {
536
- -webkit-transform: scale(1.0);
537
- }
538
- }
539
- @keyframes sk-bouncedelay {
540
- 0%, 80%, 100% {
541
- -webkit-transform: scale(0);
542
- transform: scale(0);
543
- }
544
- 40% {
545
- -webkit-transform: scale(1.0);
546
- transform: scale(1.0);
547
- }
548
- }
549
- .rdw-image-wrapper {
550
- display: flex;
551
- align-items: center;
552
- margin-bottom: 6px;
553
- position: relative;
554
- flex-wrap: wrap;
555
- }
556
- .rdw-image-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-image-modal-header {
571
- font-size: 15px;
572
- margin: 10px 0;
573
- display: flex;
574
- }
575
- .rdw-image-modal-header-option {
576
- width: 50%;
577
- cursor: pointer;
578
- display: flex;
579
- justify-content: center;
580
- align-items: center;
581
- flex-direction: column;
582
- }
583
- .rdw-image-modal-header-label {
584
- width: 80px;
585
- background: #f1f1f1;
586
- border: 1px solid #f1f1f1;
587
- margin-top: 5px;
588
- }
589
- .rdw-image-modal-header-label-highlighted {
590
- background: #6EB8D4;
591
- border-bottom: 2px solid #0a66b7;
592
- }
593
- .rdw-image-modal-upload-option {
594
- width: 100%;
595
- color: gray;
596
- cursor: pointer;
597
- display: flex;
598
- border: none;
599
- font-size: 15px;
600
- align-items: center;
601
- justify-content: center;
602
- background-color: #f1f1f1;
603
- outline: 2px dashed gray;
604
- outline-offset: -10px;
605
- margin: 10px 0;
606
- padding: 9px 0;
607
- }
608
- .rdw-image-modal-upload-option-highlighted {
609
- outline: 2px dashed #0a66b7;
610
- }
611
- .rdw-image-modal-upload-option-label {
612
- cursor: pointer;
613
- height: 100%;
614
- width: 100%;
615
- display: flex;
616
- justify-content: center;
617
- align-items: center;
618
- padding: 15px;
619
- }
620
- .rdw-image-modal-upload-option-label span {
621
- padding: 0 20px;
622
- }
623
- .rdw-image-modal-upload-option-image-preview {
624
- max-width: 100%;
625
- max-height: 200px;
626
- }
627
- .rdw-image-modal-upload-option-input {
628
- width: 0.1px;
629
- height: 0.1px;
630
- opacity: 0;
631
- overflow: hidden;
632
- position: absolute;
633
- z-index: -1;
634
- }
635
- .rdw-image-modal-url-section {
636
- display: flex;
637
- align-items: center;
638
- }
639
- .rdw-image-modal-url-input {
640
- width: 90%;
641
- height: 35px;
642
- margin: 15px 0 12px;
643
- border: 1px solid #F1F1F1;
644
- border-radius: 2px;
645
- font-size: 15px;
646
- padding: 0 5px;
647
- }
648
- .rdw-image-modal-btn-section {
649
- margin: 10px auto 0;
650
- }
651
- .rdw-image-modal-url-input:focus {
652
- outline: none;
653
- }
654
- .rdw-image-modal-btn {
655
- margin: 0 5px;
656
- width: 75px;
657
- height: 30px;
658
- border: 1px solid #F1F1F1;
659
- border-radius: 2px;
660
- cursor: pointer;
661
- background: white;
662
- text-transform: capitalize;
663
- }
664
- .rdw-image-modal-btn:hover {
665
- box-shadow: 1px 1px 0px #BFBDBD;
666
- }
667
- .rdw-image-modal-btn:active {
668
- box-shadow: 1px 1px 0px #BFBDBD inset;
669
- }
670
- .rdw-image-modal-btn:focus {
671
- outline: none !important;
672
- }
673
- .rdw-image-modal-btn:disabled {
674
- background: #ece9e9;
675
- }
676
- .rdw-image-modal-spinner {
677
- position: absolute;
678
- top: -3px;
679
- left: 0;
680
- width: 100%;
681
- height: 100%;
682
- opacity: 0.5;
683
- }
684
- .rdw-image-modal-alt-input {
685
- width: 70%;
686
- height: 20px;
687
- border: 1px solid #F1F1F1;
688
- border-radius: 2px;
689
- font-size: 12px;
690
- margin-left: 5px;
691
- }
692
- .rdw-image-modal-alt-input:focus {
693
- outline: none;
694
- }
695
- .rdw-image-modal-alt-lbl {
696
- font-size: 12px;
697
- }
698
- .rdw-image-modal-size {
699
- align-items: center;
700
- display: flex;
701
- margin: 8px 0;
702
- justify-content: space-between;
703
- }
704
- .rdw-image-modal-size-input {
705
- width: 40%;
706
- height: 20px;
707
- border: 1px solid #F1F1F1;
708
- border-radius: 2px;
709
- font-size: 12px;
710
- }
711
- .rdw-image-modal-size-input:focus {
712
- outline: none;
713
- }
714
- .rdw-image-mandatory-sign {
715
- color: red;
716
- margin-left: 3px;
717
- margin-right: 3px;
718
- }
719
- .rdw-remove-wrapper {
720
- display: flex;
721
- align-items: center;
722
- margin-bottom: 6px;
723
- position: relative;
724
- flex-wrap: wrap;
725
- }
726
- .rdw-history-wrapper {
727
- display: flex;
728
- align-items: center;
729
- margin-bottom: 6px;
730
- flex-wrap: wrap;
731
- }
732
- .rdw-history-dropdownoption {
733
- height: 40px;
734
- display: flex;
735
- justify-content: center;
736
- }
737
- .rdw-history-dropdown {
738
- width: 50px;
739
- }
740
- .rdw-link-decorator-wrapper {
741
- position: relative;
742
- }
743
- .rdw-link-decorator-icon {
744
- position: absolute;
745
- left: 40%;
746
- top: 0;
747
- cursor: pointer;
748
- background-color: white;
749
- }
750
- .rdw-mention-link {
751
- text-decoration: none;
752
- color: #1236ff;
753
- background-color: #f0fbff;
754
- padding: 1px 2px;
755
- border-radius: 2px;
756
- }
757
- .rdw-suggestion-wrapper {
758
- position: relative;
759
- }
760
- .rdw-suggestion-dropdown {
761
- position: absolute;
762
- display: flex;
763
- flex-direction: column;
764
- border: 1px solid #F1F1F1;
765
- min-width: 100px;
766
- max-height: 150px;
767
- overflow: auto;
768
- background: white;
769
- z-index: 100;
770
- }
771
- .rdw-suggestion-option {
772
- padding: 7px 5px;
773
- border-bottom: 1px solid #f1f1f1;
774
- }
775
- .rdw-suggestion-option-active {
776
- background-color: #F1F1F1;
777
- }
778
- .rdw-hashtag-link {
779
- text-decoration: none;
780
- color: #1236ff;
781
- background-color: #f0fbff;
782
- padding: 1px 2px;
783
- border-radius: 2px;
784
- }
785
- .rdw-image-alignment-options-popup {
786
- position: absolute;
787
- background: white;
788
- display: flex;
789
- padding: 5px 2px;
790
- border-radius: 2px;
791
- border: 1px solid #F1F1F1;
792
- width: 105px;
793
- cursor: pointer;
794
- z-index: 100;
795
- }
796
- .rdw-alignment-option-left {
797
- justify-content: flex-start;
798
- }
799
- .rdw-image-alignment-option {
800
- height: 15px;
801
- width: 15px;
802
- min-width: 15px;
803
- }
804
- .rdw-image-alignment {
805
- position: relative;
806
- }
807
- .rdw-image-imagewrapper {
808
- position: relative;
809
- }
810
- .rdw-image-center {
811
- display: flex;
812
- justify-content: center;
813
- }
814
- .rdw-image-left {
815
- display: flex;
816
- }
817
- .rdw-image-right {
818
- display: flex;
819
- justify-content: flex-end;
820
- }
821
- .rdw-image-alignment-options-popup-right {
822
- right: 0;
823
- }
824
- .rdw-editor-main {
825
- height: 100%;
826
- overflow: auto;
827
- box-sizing: border-box;
828
- }
829
- .rdw-editor-toolbar {
830
- padding: 6px 5px 0;
831
- border-radius: 2px;
832
- border: 1px solid #F1F1F1;
833
- display: flex;
834
- justify-content: flex-start;
835
- background: white;
836
- flex-wrap: wrap;
837
- font-size: 15px;
838
- margin-bottom: 5px;
839
- user-select: none;
840
- }
841
- .public-DraftStyleDefault-block {
842
- margin: 1em 0;
843
- }
844
- .rdw-editor-wrapper:focus {
845
- outline: none;
846
- }
847
- .rdw-editor-wrapper {
848
- box-sizing: content-box;
849
- }
850
- .rdw-editor-main blockquote {
851
- border-left: 5px solid #f1f1f1;
852
- padding-left: 5px;
853
- }
854
- .rdw-editor-main pre {
855
- background: #f1f1f1;
856
- border-radius: 3px;
857
- padding: 1px 10px;
858
- }
859
- .DraftEditor-editorContainer,
860
- .DraftEditor-root,
861
- .public-DraftEditor-content {
862
- height: inherit;
863
- text-align: initial;
864
- }
865
- .public-DraftEditor-content[contenteditable=true] {
866
- -webkit-user-modify: read-write-plaintext-only;
867
- }
868
- .DraftEditor-root {
869
- position: relative;
870
- }
871
- .DraftEditor-editorContainer {
872
- background-color: rgba(255, 255, 255, 0);
873
- border-left: .1px solid transparent;
874
- position: relative;
875
- z-index: 1;
876
- }
877
- .public-DraftEditor-block {
878
- position: relative;
879
- }
880
- .DraftEditor-alignLeft .public-DraftStyleDefault-block {
881
- text-align: left;
882
- }
883
- .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
884
- left: 0;
885
- text-align: left;
886
- }
887
- .DraftEditor-alignCenter .public-DraftStyleDefault-block {
888
- text-align: center;
889
- }
890
- .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
891
- margin: 0 auto;
892
- text-align: center;
893
- width: 100%;
894
- }
895
- .DraftEditor-alignRight .public-DraftStyleDefault-block {
896
- text-align: right;
897
- }
898
- .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
899
- right: 0;
900
- text-align: right;
901
- }
902
- .public-DraftEditorPlaceholder-root {
903
- color: #9197a3;
904
- position: absolute;
905
- z-index: 0;
906
- }
907
- .public-DraftEditorPlaceholder-hasFocus {
908
- color: #bdc1c9;
909
- }
910
- .DraftEditorPlaceholder-hidden {
911
- display: none;
912
- }
913
- .public-DraftStyleDefault-block {
914
- position: relative;
915
- white-space: pre-wrap;
916
- }
917
- .public-DraftStyleDefault-ltr {
918
- direction: ltr;
919
- text-align: left;
920
- }
921
- .public-DraftStyleDefault-rtl {
922
- direction: rtl;
923
- text-align: right;
924
- }
925
- .public-DraftStyleDefault-listLTR {
926
- direction: ltr;
927
- }
928
- .public-DraftStyleDefault-listRTL {
929
- direction: rtl;
930
- }
931
- .public-DraftStyleDefault-ol,
932
- .public-DraftStyleDefault-ul {
933
- margin: 16px 0;
934
- padding: 0;
935
- }
936
- .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
937
- margin-left: 1.5em;
938
- }
939
- .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
940
- margin-right: 1.5em;
941
- }
942
- .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
943
- margin-left: 3em;
944
- }
945
- .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
946
- margin-right: 3em;
947
- }
948
- .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
949
- margin-left: 4.5em;
950
- }
951
- .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
952
- margin-right: 4.5em;
953
- }
954
- .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
955
- margin-left: 6em;
956
- }
957
- .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
958
- margin-right: 6em;
959
- }
960
- .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
961
- margin-left: 7.5em;
962
- }
963
- .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
964
- margin-right: 7.5em;
965
- }
966
- .public-DraftStyleDefault-unorderedListItem {
967
- list-style-type: square;
968
- position: relative;
969
- }
970
- .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
971
- list-style-type: disc;
972
- }
973
- .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
974
- list-style-type: circle;
975
- }
976
- .public-DraftStyleDefault-orderedListItem {
977
- list-style-type: none;
978
- position: relative;
979
- }
980
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
981
- left: -36px;
982
- position: absolute;
983
- text-align: right;
984
- width: 30px;
985
- }
986
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
987
- position: absolute;
988
- right: -36px;
989
- text-align: left;
990
- width: 30px;
991
- }
992
- .public-DraftStyleDefault-orderedListItem:before {
993
- content: counter(ol0) ". ";
994
- counter-increment: ol0;
995
- }
996
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
997
- content: counter(ol1) ". ";
998
- counter-increment: ol1;
999
- }
1000
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
1001
- content: counter(ol2) ". ";
1002
- counter-increment: ol2;
1003
- }
1004
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
1005
- content: counter(ol3) ". ";
1006
- counter-increment: ol3;
1007
- }
1008
- .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
1009
- content: counter(ol4) ". ";
1010
- counter-increment: ol4;
1011
- }
1012
- .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
1013
- counter-reset: ol0;
1014
- }
1015
- .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
1016
- counter-reset: ol1;
1017
- }
1018
- .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
1019
- counter-reset: ol2;
1020
- }
1021
- .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
1022
- counter-reset: ol3;
1023
- }
1024
- .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
1025
- counter-reset: ol4;
1026
- }
1
+ /* sass:/Users/mv/Documents/project/myunisoft-web/folder7/design-system/node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css */
2
+ .rdw-option-wrapper {
3
+ border: 1px solid #F1F1F1;
4
+ padding: 5px;
5
+ min-width: 25px;
6
+ height: 20px;
7
+ border-radius: 2px;
8
+ margin: 0 4px;
9
+ display: flex;
10
+ justify-content: center;
11
+ align-items: center;
12
+ cursor: pointer;
13
+ background: white;
14
+ text-transform: capitalize;
15
+ }
16
+ .rdw-option-wrapper:hover {
17
+ box-shadow: 1px 1px 0px #BFBDBD;
18
+ }
19
+ .rdw-option-wrapper:active {
20
+ box-shadow: 1px 1px 0px #BFBDBD inset;
21
+ }
22
+ .rdw-option-active {
23
+ box-shadow: 1px 1px 0px #BFBDBD inset;
24
+ }
25
+ .rdw-option-disabled {
26
+ opacity: 0.3;
27
+ cursor: default;
28
+ }
29
+ .rdw-dropdown-wrapper {
30
+ height: 30px;
31
+ background: white;
32
+ cursor: pointer;
33
+ border: 1px solid #F1F1F1;
34
+ border-radius: 2px;
35
+ margin: 0 3px;
36
+ text-transform: capitalize;
37
+ background: white;
38
+ }
39
+ .rdw-dropdown-wrapper:focus {
40
+ outline: none;
41
+ }
42
+ .rdw-dropdown-wrapper:hover {
43
+ box-shadow: 1px 1px 0px #BFBDBD;
44
+ background-color: #FFFFFF;
45
+ }
46
+ .rdw-dropdown-wrapper:active {
47
+ box-shadow: 1px 1px 0px #BFBDBD inset;
48
+ }
49
+ .rdw-dropdown-carettoopen {
50
+ height: 0px;
51
+ width: 0px;
52
+ position: absolute;
53
+ top: 35%;
54
+ right: 10%;
55
+ border-top: 6px solid black;
56
+ border-left: 5px solid transparent;
57
+ border-right: 5px solid transparent;
58
+ }
59
+ .rdw-dropdown-carettoclose {
60
+ height: 0px;
61
+ width: 0px;
62
+ position: absolute;
63
+ top: 35%;
64
+ right: 10%;
65
+ border-bottom: 6px solid black;
66
+ border-left: 5px solid transparent;
67
+ border-right: 5px solid transparent;
68
+ }
69
+ .rdw-dropdown-selectedtext {
70
+ display: flex;
71
+ position: relative;
72
+ height: 100%;
73
+ align-items: center;
74
+ padding: 0 5px;
75
+ }
76
+ .rdw-dropdown-optionwrapper {
77
+ z-index: 100;
78
+ position: relative;
79
+ border: 1px solid #F1F1F1;
80
+ width: 98%;
81
+ background: white;
82
+ border-radius: 2px;
83
+ margin: 0;
84
+ padding: 0;
85
+ max-height: 250px;
86
+ overflow-y: scroll;
87
+ }
88
+ .rdw-dropdown-optionwrapper:hover {
89
+ box-shadow: 1px 1px 0px #BFBDBD;
90
+ background-color: #FFFFFF;
91
+ }
92
+ .rdw-dropdownoption-default {
93
+ min-height: 25px;
94
+ display: flex;
95
+ align-items: center;
96
+ padding: 0 5px;
97
+ }
98
+ .rdw-dropdownoption-highlighted {
99
+ background: #F1F1F1;
100
+ }
101
+ .rdw-dropdownoption-active {
102
+ background: #f5f5f5;
103
+ }
104
+ .rdw-dropdownoption-disabled {
105
+ opacity: 0.3;
106
+ cursor: default;
107
+ }
108
+ .rdw-inline-wrapper {
109
+ display: flex;
110
+ align-items: center;
111
+ margin-bottom: 6px;
112
+ flex-wrap: wrap;
113
+ }
114
+ .rdw-inline-dropdown {
115
+ width: 50px;
116
+ }
117
+ .rdw-inline-dropdownoption {
118
+ height: 40px;
119
+ display: flex;
120
+ justify-content: center;
121
+ }
122
+ .rdw-block-wrapper {
123
+ display: flex;
124
+ align-items: center;
125
+ margin-bottom: 6px;
126
+ flex-wrap: wrap;
127
+ }
128
+ .rdw-block-dropdown {
129
+ width: 110px;
130
+ }
131
+ .rdw-fontsize-wrapper {
132
+ display: flex;
133
+ align-items: center;
134
+ margin-bottom: 6px;
135
+ flex-wrap: wrap;
136
+ }
137
+ .rdw-fontsize-dropdown {
138
+ min-width: 40px;
139
+ }
140
+ .rdw-fontsize-option {
141
+ display: flex;
142
+ justify-content: center;
143
+ }
144
+ .rdw-fontfamily-wrapper {
145
+ display: flex;
146
+ align-items: center;
147
+ margin-bottom: 6px;
148
+ flex-wrap: wrap;
149
+ }
150
+ .rdw-fontfamily-dropdown {
151
+ width: 115px;
152
+ }
153
+ .rdw-fontfamily-placeholder {
154
+ white-space: nowrap;
155
+ max-width: 90px;
156
+ overflow: hidden;
157
+ text-overflow: ellipsis;
158
+ }
159
+ .rdw-fontfamily-optionwrapper {
160
+ width: 140px;
161
+ }
162
+ .rdw-list-wrapper {
163
+ display: flex;
164
+ align-items: center;
165
+ margin-bottom: 6px;
166
+ flex-wrap: wrap;
167
+ }
168
+ .rdw-list-dropdown {
169
+ width: 50px;
170
+ z-index: 90;
171
+ }
172
+ .rdw-list-dropdownOption {
173
+ height: 40px;
174
+ display: flex;
175
+ justify-content: center;
176
+ }
177
+ .rdw-text-align-wrapper {
178
+ display: flex;
179
+ align-items: center;
180
+ margin-bottom: 6px;
181
+ flex-wrap: wrap;
182
+ }
183
+ .rdw-text-align-dropdown {
184
+ width: 50px;
185
+ z-index: 90;
186
+ }
187
+ .rdw-text-align-dropdownOption {
188
+ height: 40px;
189
+ display: flex;
190
+ justify-content: center;
191
+ }
192
+ .rdw-right-aligned-block {
193
+ text-align: right;
194
+ }
195
+ .rdw-left-aligned-block {
196
+ text-align: left !important;
197
+ }
198
+ .rdw-center-aligned-block {
199
+ text-align: center !important;
200
+ }
201
+ .rdw-justify-aligned-block {
202
+ text-align: justify !important;
203
+ }
204
+ .rdw-right-aligned-block > div {
205
+ display: inline-block;
206
+ }
207
+ .rdw-left-aligned-block > div {
208
+ display: inline-block;
209
+ }
210
+ .rdw-center-aligned-block > div {
211
+ display: inline-block;
212
+ }
213
+ .rdw-justify-aligned-block > div {
214
+ display: inline-block;
215
+ }
216
+ .rdw-colorpicker-wrapper {
217
+ display: flex;
218
+ align-items: center;
219
+ margin-bottom: 6px;
220
+ position: relative;
221
+ flex-wrap: wrap;
222
+ }
223
+ .rdw-colorpicker-modal {
224
+ position: absolute;
225
+ top: 35px;
226
+ left: 5px;
227
+ display: flex;
228
+ flex-direction: column;
229
+ width: 175px;
230
+ height: 175px;
231
+ border: 1px solid #F1F1F1;
232
+ padding: 15px;
233
+ border-radius: 2px;
234
+ z-index: 100;
235
+ background: white;
236
+ box-shadow: 3px 3px 5px #BFBDBD;
237
+ }
238
+ .rdw-colorpicker-modal-header {
239
+ display: flex;
240
+ padding-bottom: 5px;
241
+ }
242
+ .rdw-colorpicker-modal-style-label {
243
+ font-size: 15px;
244
+ width: 50%;
245
+ text-align: center;
246
+ cursor: pointer;
247
+ padding: 0 10px 5px;
248
+ }
249
+ .rdw-colorpicker-modal-style-label-active {
250
+ border-bottom: 2px solid #0a66b7;
251
+ }
252
+ .rdw-colorpicker-modal-options {
253
+ margin: 5px auto;
254
+ display: flex;
255
+ width: 100%;
256
+ height: 100%;
257
+ flex-wrap: wrap;
258
+ overflow: scroll;
259
+ }
260
+ .rdw-colorpicker-cube {
261
+ width: 22px;
262
+ height: 22px;
263
+ border: 1px solid #F1F1F1;
264
+ }
265
+ .rdw-colorpicker-option {
266
+ margin: 3px;
267
+ padding: 0;
268
+ min-height: 20px;
269
+ border: none;
270
+ width: 22px;
271
+ height: 22px;
272
+ min-width: 22px;
273
+ box-shadow: 1px 2px 1px #BFBDBD inset;
274
+ }
275
+ .rdw-colorpicker-option:hover {
276
+ box-shadow: 1px 2px 1px #BFBDBD;
277
+ }
278
+ .rdw-colorpicker-option:active {
279
+ box-shadow: -1px -2px 1px #BFBDBD;
280
+ }
281
+ .rdw-colorpicker-option-active {
282
+ box-shadow: 0px 0px 2px 2px #BFBDBD;
283
+ }
284
+ .rdw-link-wrapper {
285
+ display: flex;
286
+ align-items: center;
287
+ margin-bottom: 6px;
288
+ position: relative;
289
+ flex-wrap: wrap;
290
+ }
291
+ .rdw-link-dropdown {
292
+ width: 50px;
293
+ }
294
+ .rdw-link-dropdownOption {
295
+ height: 40px;
296
+ display: flex;
297
+ justify-content: center;
298
+ }
299
+ .rdw-link-dropdownPlaceholder {
300
+ margin-left: 8px;
301
+ }
302
+ .rdw-link-modal {
303
+ position: absolute;
304
+ top: 35px;
305
+ left: 5px;
306
+ display: flex;
307
+ flex-direction: column;
308
+ width: 235px;
309
+ height: 205px;
310
+ border: 1px solid #F1F1F1;
311
+ padding: 15px;
312
+ border-radius: 2px;
313
+ z-index: 100;
314
+ background: white;
315
+ box-shadow: 3px 3px 5px #BFBDBD;
316
+ }
317
+ .rdw-link-modal-label {
318
+ font-size: 15px;
319
+ }
320
+ .rdw-link-modal-input {
321
+ margin-top: 5px;
322
+ border-radius: 2px;
323
+ border: 1px solid #F1F1F1;
324
+ height: 25px;
325
+ margin-bottom: 15px;
326
+ padding: 0 5px;
327
+ }
328
+ .rdw-link-modal-input:focus {
329
+ outline: none;
330
+ }
331
+ .rdw-link-modal-buttonsection {
332
+ margin: 0 auto;
333
+ }
334
+ .rdw-link-modal-target-option {
335
+ margin-bottom: 20px;
336
+ }
337
+ .rdw-link-modal-target-option > span {
338
+ margin-left: 5px;
339
+ }
340
+ .rdw-link-modal-btn {
341
+ margin-left: 10px;
342
+ width: 75px;
343
+ height: 30px;
344
+ border: 1px solid #F1F1F1;
345
+ border-radius: 2px;
346
+ cursor: pointer;
347
+ background: white;
348
+ text-transform: capitalize;
349
+ }
350
+ .rdw-link-modal-btn:hover {
351
+ box-shadow: 1px 1px 0px #BFBDBD;
352
+ }
353
+ .rdw-link-modal-btn:active {
354
+ box-shadow: 1px 1px 0px #BFBDBD inset;
355
+ }
356
+ .rdw-link-modal-btn:focus {
357
+ outline: none !important;
358
+ }
359
+ .rdw-link-modal-btn:disabled {
360
+ background: #ece9e9;
361
+ }
362
+ .rdw-link-dropdownoption {
363
+ height: 40px;
364
+ display: flex;
365
+ justify-content: center;
366
+ }
367
+ .rdw-history-dropdown {
368
+ width: 50px;
369
+ }
370
+ .rdw-embedded-wrapper {
371
+ display: flex;
372
+ align-items: center;
373
+ margin-bottom: 6px;
374
+ position: relative;
375
+ flex-wrap: wrap;
376
+ }
377
+ .rdw-embedded-modal {
378
+ position: absolute;
379
+ top: 35px;
380
+ left: 5px;
381
+ display: flex;
382
+ flex-direction: column;
383
+ width: 235px;
384
+ height: 180px;
385
+ border: 1px solid #F1F1F1;
386
+ padding: 15px;
387
+ border-radius: 2px;
388
+ z-index: 100;
389
+ background: white;
390
+ justify-content: space-between;
391
+ box-shadow: 3px 3px 5px #BFBDBD;
392
+ }
393
+ .rdw-embedded-modal-header {
394
+ font-size: 15px;
395
+ display: flex;
396
+ }
397
+ .rdw-embedded-modal-header-option {
398
+ width: 50%;
399
+ cursor: pointer;
400
+ display: flex;
401
+ justify-content: center;
402
+ align-items: center;
403
+ flex-direction: column;
404
+ }
405
+ .rdw-embedded-modal-header-label {
406
+ width: 95px;
407
+ border: 1px solid #f1f1f1;
408
+ margin-top: 5px;
409
+ background: #6EB8D4;
410
+ border-bottom: 2px solid #0a66b7;
411
+ }
412
+ .rdw-embedded-modal-link-section {
413
+ display: flex;
414
+ flex-direction: column;
415
+ }
416
+ .rdw-embedded-modal-link-input {
417
+ width: 88%;
418
+ height: 35px;
419
+ margin: 10px 0;
420
+ border: 1px solid #F1F1F1;
421
+ border-radius: 2px;
422
+ font-size: 15px;
423
+ padding: 0 5px;
424
+ }
425
+ .rdw-embedded-modal-link-input-wrapper {
426
+ display: flex;
427
+ align-items: center;
428
+ }
429
+ .rdw-embedded-modal-link-input:focus {
430
+ outline: none;
431
+ }
432
+ .rdw-embedded-modal-btn-section {
433
+ display: flex;
434
+ justify-content: center;
435
+ }
436
+ .rdw-embedded-modal-btn {
437
+ margin: 0 3px;
438
+ width: 75px;
439
+ height: 30px;
440
+ border: 1px solid #F1F1F1;
441
+ border-radius: 2px;
442
+ cursor: pointer;
443
+ background: white;
444
+ text-transform: capitalize;
445
+ }
446
+ .rdw-embedded-modal-btn:hover {
447
+ box-shadow: 1px 1px 0px #BFBDBD;
448
+ }
449
+ .rdw-embedded-modal-btn:active {
450
+ box-shadow: 1px 1px 0px #BFBDBD inset;
451
+ }
452
+ .rdw-embedded-modal-btn:focus {
453
+ outline: none !important;
454
+ }
455
+ .rdw-embedded-modal-btn:disabled {
456
+ background: #ece9e9;
457
+ }
458
+ .rdw-embedded-modal-size {
459
+ align-items: center;
460
+ display: flex;
461
+ margin: 8px 0;
462
+ justify-content: space-between;
463
+ }
464
+ .rdw-embedded-modal-size-input {
465
+ width: 80%;
466
+ height: 20px;
467
+ border: 1px solid #F1F1F1;
468
+ border-radius: 2px;
469
+ font-size: 12px;
470
+ }
471
+ .rdw-embedded-modal-size-input:focus {
472
+ outline: none;
473
+ }
474
+ .rdw-emoji-wrapper {
475
+ display: flex;
476
+ align-items: center;
477
+ margin-bottom: 6px;
478
+ position: relative;
479
+ flex-wrap: wrap;
480
+ }
481
+ .rdw-emoji-modal {
482
+ overflow: auto;
483
+ position: absolute;
484
+ top: 35px;
485
+ left: 5px;
486
+ display: flex;
487
+ flex-wrap: wrap;
488
+ width: 235px;
489
+ height: 180px;
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-emoji-icon {
498
+ margin: 2.5px;
499
+ height: 24px;
500
+ width: 24px;
501
+ cursor: pointer;
502
+ font-size: 22px;
503
+ display: flex;
504
+ justify-content: center;
505
+ align-items: center;
506
+ }
507
+ .rdw-spinner {
508
+ display: flex;
509
+ align-items: center;
510
+ justify-content: center;
511
+ height: 100%;
512
+ width: 100%;
513
+ }
514
+ .rdw-spinner > div {
515
+ width: 12px;
516
+ height: 12px;
517
+ background-color: #333;
518
+ border-radius: 100%;
519
+ display: inline-block;
520
+ -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
521
+ animation: sk-bouncedelay 1.4s infinite ease-in-out both;
522
+ }
523
+ .rdw-spinner .rdw-bounce1 {
524
+ -webkit-animation-delay: -0.32s;
525
+ animation-delay: -0.32s;
526
+ }
527
+ .rdw-spinner .rdw-bounce2 {
528
+ -webkit-animation-delay: -0.16s;
529
+ animation-delay: -0.16s;
530
+ }
531
+ @-webkit-keyframes sk-bouncedelay {
532
+ 0%, 80%, 100% {
533
+ -webkit-transform: scale(0);
534
+ }
535
+ 40% {
536
+ -webkit-transform: scale(1.0);
537
+ }
538
+ }
539
+ @keyframes sk-bouncedelay {
540
+ 0%, 80%, 100% {
541
+ -webkit-transform: scale(0);
542
+ transform: scale(0);
543
+ }
544
+ 40% {
545
+ -webkit-transform: scale(1.0);
546
+ transform: scale(1.0);
547
+ }
548
+ }
549
+ .rdw-image-wrapper {
550
+ display: flex;
551
+ align-items: center;
552
+ margin-bottom: 6px;
553
+ position: relative;
554
+ flex-wrap: wrap;
555
+ }
556
+ .rdw-image-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-image-modal-header {
571
+ font-size: 15px;
572
+ margin: 10px 0;
573
+ display: flex;
574
+ }
575
+ .rdw-image-modal-header-option {
576
+ width: 50%;
577
+ cursor: pointer;
578
+ display: flex;
579
+ justify-content: center;
580
+ align-items: center;
581
+ flex-direction: column;
582
+ }
583
+ .rdw-image-modal-header-label {
584
+ width: 80px;
585
+ background: #f1f1f1;
586
+ border: 1px solid #f1f1f1;
587
+ margin-top: 5px;
588
+ }
589
+ .rdw-image-modal-header-label-highlighted {
590
+ background: #6EB8D4;
591
+ border-bottom: 2px solid #0a66b7;
592
+ }
593
+ .rdw-image-modal-upload-option {
594
+ width: 100%;
595
+ color: gray;
596
+ cursor: pointer;
597
+ display: flex;
598
+ border: none;
599
+ font-size: 15px;
600
+ align-items: center;
601
+ justify-content: center;
602
+ background-color: #f1f1f1;
603
+ outline: 2px dashed gray;
604
+ outline-offset: -10px;
605
+ margin: 10px 0;
606
+ padding: 9px 0;
607
+ }
608
+ .rdw-image-modal-upload-option-highlighted {
609
+ outline: 2px dashed #0a66b7;
610
+ }
611
+ .rdw-image-modal-upload-option-label {
612
+ cursor: pointer;
613
+ height: 100%;
614
+ width: 100%;
615
+ display: flex;
616
+ justify-content: center;
617
+ align-items: center;
618
+ padding: 15px;
619
+ }
620
+ .rdw-image-modal-upload-option-label span {
621
+ padding: 0 20px;
622
+ }
623
+ .rdw-image-modal-upload-option-image-preview {
624
+ max-width: 100%;
625
+ max-height: 200px;
626
+ }
627
+ .rdw-image-modal-upload-option-input {
628
+ width: 0.1px;
629
+ height: 0.1px;
630
+ opacity: 0;
631
+ overflow: hidden;
632
+ position: absolute;
633
+ z-index: -1;
634
+ }
635
+ .rdw-image-modal-url-section {
636
+ display: flex;
637
+ align-items: center;
638
+ }
639
+ .rdw-image-modal-url-input {
640
+ width: 90%;
641
+ height: 35px;
642
+ margin: 15px 0 12px;
643
+ border: 1px solid #F1F1F1;
644
+ border-radius: 2px;
645
+ font-size: 15px;
646
+ padding: 0 5px;
647
+ }
648
+ .rdw-image-modal-btn-section {
649
+ margin: 10px auto 0;
650
+ }
651
+ .rdw-image-modal-url-input:focus {
652
+ outline: none;
653
+ }
654
+ .rdw-image-modal-btn {
655
+ margin: 0 5px;
656
+ width: 75px;
657
+ height: 30px;
658
+ border: 1px solid #F1F1F1;
659
+ border-radius: 2px;
660
+ cursor: pointer;
661
+ background: white;
662
+ text-transform: capitalize;
663
+ }
664
+ .rdw-image-modal-btn:hover {
665
+ box-shadow: 1px 1px 0px #BFBDBD;
666
+ }
667
+ .rdw-image-modal-btn:active {
668
+ box-shadow: 1px 1px 0px #BFBDBD inset;
669
+ }
670
+ .rdw-image-modal-btn:focus {
671
+ outline: none !important;
672
+ }
673
+ .rdw-image-modal-btn:disabled {
674
+ background: #ece9e9;
675
+ }
676
+ .rdw-image-modal-spinner {
677
+ position: absolute;
678
+ top: -3px;
679
+ left: 0;
680
+ width: 100%;
681
+ height: 100%;
682
+ opacity: 0.5;
683
+ }
684
+ .rdw-image-modal-alt-input {
685
+ width: 70%;
686
+ height: 20px;
687
+ border: 1px solid #F1F1F1;
688
+ border-radius: 2px;
689
+ font-size: 12px;
690
+ margin-left: 5px;
691
+ }
692
+ .rdw-image-modal-alt-input:focus {
693
+ outline: none;
694
+ }
695
+ .rdw-image-modal-alt-lbl {
696
+ font-size: 12px;
697
+ }
698
+ .rdw-image-modal-size {
699
+ align-items: center;
700
+ display: flex;
701
+ margin: 8px 0;
702
+ justify-content: space-between;
703
+ }
704
+ .rdw-image-modal-size-input {
705
+ width: 40%;
706
+ height: 20px;
707
+ border: 1px solid #F1F1F1;
708
+ border-radius: 2px;
709
+ font-size: 12px;
710
+ }
711
+ .rdw-image-modal-size-input:focus {
712
+ outline: none;
713
+ }
714
+ .rdw-image-mandatory-sign {
715
+ color: red;
716
+ margin-left: 3px;
717
+ margin-right: 3px;
718
+ }
719
+ .rdw-remove-wrapper {
720
+ display: flex;
721
+ align-items: center;
722
+ margin-bottom: 6px;
723
+ position: relative;
724
+ flex-wrap: wrap;
725
+ }
726
+ .rdw-history-wrapper {
727
+ display: flex;
728
+ align-items: center;
729
+ margin-bottom: 6px;
730
+ flex-wrap: wrap;
731
+ }
732
+ .rdw-history-dropdownoption {
733
+ height: 40px;
734
+ display: flex;
735
+ justify-content: center;
736
+ }
737
+ .rdw-history-dropdown {
738
+ width: 50px;
739
+ }
740
+ .rdw-link-decorator-wrapper {
741
+ position: relative;
742
+ }
743
+ .rdw-link-decorator-icon {
744
+ position: absolute;
745
+ left: 40%;
746
+ top: 0;
747
+ cursor: pointer;
748
+ background-color: white;
749
+ }
750
+ .rdw-mention-link {
751
+ text-decoration: none;
752
+ color: #1236ff;
753
+ background-color: #f0fbff;
754
+ padding: 1px 2px;
755
+ border-radius: 2px;
756
+ }
757
+ .rdw-suggestion-wrapper {
758
+ position: relative;
759
+ }
760
+ .rdw-suggestion-dropdown {
761
+ position: absolute;
762
+ display: flex;
763
+ flex-direction: column;
764
+ border: 1px solid #F1F1F1;
765
+ min-width: 100px;
766
+ max-height: 150px;
767
+ overflow: auto;
768
+ background: white;
769
+ z-index: 100;
770
+ }
771
+ .rdw-suggestion-option {
772
+ padding: 7px 5px;
773
+ border-bottom: 1px solid #f1f1f1;
774
+ }
775
+ .rdw-suggestion-option-active {
776
+ background-color: #F1F1F1;
777
+ }
778
+ .rdw-hashtag-link {
779
+ text-decoration: none;
780
+ color: #1236ff;
781
+ background-color: #f0fbff;
782
+ padding: 1px 2px;
783
+ border-radius: 2px;
784
+ }
785
+ .rdw-image-alignment-options-popup {
786
+ position: absolute;
787
+ background: white;
788
+ display: flex;
789
+ padding: 5px 2px;
790
+ border-radius: 2px;
791
+ border: 1px solid #F1F1F1;
792
+ width: 105px;
793
+ cursor: pointer;
794
+ z-index: 100;
795
+ }
796
+ .rdw-alignment-option-left {
797
+ justify-content: flex-start;
798
+ }
799
+ .rdw-image-alignment-option {
800
+ height: 15px;
801
+ width: 15px;
802
+ min-width: 15px;
803
+ }
804
+ .rdw-image-alignment {
805
+ position: relative;
806
+ }
807
+ .rdw-image-imagewrapper {
808
+ position: relative;
809
+ }
810
+ .rdw-image-center {
811
+ display: flex;
812
+ justify-content: center;
813
+ }
814
+ .rdw-image-left {
815
+ display: flex;
816
+ }
817
+ .rdw-image-right {
818
+ display: flex;
819
+ justify-content: flex-end;
820
+ }
821
+ .rdw-image-alignment-options-popup-right {
822
+ right: 0;
823
+ }
824
+ .rdw-editor-main {
825
+ height: 100%;
826
+ overflow: auto;
827
+ box-sizing: border-box;
828
+ }
829
+ .rdw-editor-toolbar {
830
+ padding: 6px 5px 0;
831
+ border-radius: 2px;
832
+ border: 1px solid #F1F1F1;
833
+ display: flex;
834
+ justify-content: flex-start;
835
+ background: white;
836
+ flex-wrap: wrap;
837
+ font-size: 15px;
838
+ margin-bottom: 5px;
839
+ user-select: none;
840
+ }
841
+ .public-DraftStyleDefault-block {
842
+ margin: 1em 0;
843
+ }
844
+ .rdw-editor-wrapper:focus {
845
+ outline: none;
846
+ }
847
+ .rdw-editor-wrapper {
848
+ box-sizing: content-box;
849
+ }
850
+ .rdw-editor-main blockquote {
851
+ border-left: 5px solid #f1f1f1;
852
+ padding-left: 5px;
853
+ }
854
+ .rdw-editor-main pre {
855
+ background: #f1f1f1;
856
+ border-radius: 3px;
857
+ padding: 1px 10px;
858
+ }
859
+ .DraftEditor-editorContainer,
860
+ .DraftEditor-root,
861
+ .public-DraftEditor-content {
862
+ height: inherit;
863
+ text-align: initial;
864
+ }
865
+ .public-DraftEditor-content[contenteditable=true] {
866
+ -webkit-user-modify: read-write-plaintext-only;
867
+ }
868
+ .DraftEditor-root {
869
+ position: relative;
870
+ }
871
+ .DraftEditor-editorContainer {
872
+ background-color: rgba(255, 255, 255, 0);
873
+ border-left: .1px solid transparent;
874
+ position: relative;
875
+ z-index: 1;
876
+ }
877
+ .public-DraftEditor-block {
878
+ position: relative;
879
+ }
880
+ .DraftEditor-alignLeft .public-DraftStyleDefault-block {
881
+ text-align: left;
882
+ }
883
+ .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
884
+ left: 0;
885
+ text-align: left;
886
+ }
887
+ .DraftEditor-alignCenter .public-DraftStyleDefault-block {
888
+ text-align: center;
889
+ }
890
+ .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
891
+ margin: 0 auto;
892
+ text-align: center;
893
+ width: 100%;
894
+ }
895
+ .DraftEditor-alignRight .public-DraftStyleDefault-block {
896
+ text-align: right;
897
+ }
898
+ .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
899
+ right: 0;
900
+ text-align: right;
901
+ }
902
+ .public-DraftEditorPlaceholder-root {
903
+ color: #9197a3;
904
+ position: absolute;
905
+ z-index: 0;
906
+ }
907
+ .public-DraftEditorPlaceholder-hasFocus {
908
+ color: #bdc1c9;
909
+ }
910
+ .DraftEditorPlaceholder-hidden {
911
+ display: none;
912
+ }
913
+ .public-DraftStyleDefault-block {
914
+ position: relative;
915
+ white-space: pre-wrap;
916
+ }
917
+ .public-DraftStyleDefault-ltr {
918
+ direction: ltr;
919
+ text-align: left;
920
+ }
921
+ .public-DraftStyleDefault-rtl {
922
+ direction: rtl;
923
+ text-align: right;
924
+ }
925
+ .public-DraftStyleDefault-listLTR {
926
+ direction: ltr;
927
+ }
928
+ .public-DraftStyleDefault-listRTL {
929
+ direction: rtl;
930
+ }
931
+ .public-DraftStyleDefault-ol,
932
+ .public-DraftStyleDefault-ul {
933
+ margin: 16px 0;
934
+ padding: 0;
935
+ }
936
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
937
+ margin-left: 1.5em;
938
+ }
939
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
940
+ margin-right: 1.5em;
941
+ }
942
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
943
+ margin-left: 3em;
944
+ }
945
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
946
+ margin-right: 3em;
947
+ }
948
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
949
+ margin-left: 4.5em;
950
+ }
951
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
952
+ margin-right: 4.5em;
953
+ }
954
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
955
+ margin-left: 6em;
956
+ }
957
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
958
+ margin-right: 6em;
959
+ }
960
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
961
+ margin-left: 7.5em;
962
+ }
963
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
964
+ margin-right: 7.5em;
965
+ }
966
+ .public-DraftStyleDefault-unorderedListItem {
967
+ list-style-type: square;
968
+ position: relative;
969
+ }
970
+ .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
971
+ list-style-type: disc;
972
+ }
973
+ .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
974
+ list-style-type: circle;
975
+ }
976
+ .public-DraftStyleDefault-orderedListItem {
977
+ list-style-type: none;
978
+ position: relative;
979
+ }
980
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
981
+ left: -36px;
982
+ position: absolute;
983
+ text-align: right;
984
+ width: 30px;
985
+ }
986
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
987
+ position: absolute;
988
+ right: -36px;
989
+ text-align: left;
990
+ width: 30px;
991
+ }
992
+ .public-DraftStyleDefault-orderedListItem:before {
993
+ content: counter(ol0) ". ";
994
+ counter-increment: ol0;
995
+ }
996
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
997
+ content: counter(ol1) ". ";
998
+ counter-increment: ol1;
999
+ }
1000
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
1001
+ content: counter(ol2) ". ";
1002
+ counter-increment: ol2;
1003
+ }
1004
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
1005
+ content: counter(ol3) ". ";
1006
+ counter-increment: ol3;
1007
+ }
1008
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
1009
+ content: counter(ol4) ". ";
1010
+ counter-increment: ol4;
1011
+ }
1012
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
1013
+ counter-reset: ol0;
1014
+ }
1015
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
1016
+ counter-reset: ol1;
1017
+ }
1018
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
1019
+ counter-reset: ol2;
1020
+ }
1021
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
1022
+ counter-reset: ol3;
1023
+ }
1024
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
1025
+ counter-reset: ol4;
1026
+ }