@majoo-ui/react 1.52.0 → 1.52.2-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.
Files changed (7) hide show
  1. package/README.md +7 -7
  2. package/components/contentEditor/ContentEditor.d.ts +12 -0
  3. package/index.esm.css +1298 -1311
  4. package/index.esm.js +680 -673
  5. package/index.umd.css +1298 -1311
  6. package/index.umd.js +687 -679
  7. package/package.json +2 -1
package/index.umd.css CHANGED
@@ -1,1313 +1,1300 @@
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
- }
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
245
 
246
- .pac-container {
247
- z-index: 1800;
248
- }
246
+ .pac-container {
247
+ z-index: 1800;
248
+ }
249
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
- }
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
+ animation: sk-bouncedelay 1.4s infinite ease-in-out both;
785
+ }
786
+ .rdw-spinner .rdw-bounce1 {
787
+ animation-delay: -0.32s;
788
+ }
789
+ .rdw-spinner .rdw-bounce2 {
790
+ animation-delay: -0.16s;
791
+ }
792
+ @keyframes sk-bouncedelay {
793
+ 0%,
794
+ 80%,
795
+ 100% {
796
+ transform: scale(0);
797
+ }
798
+ 40% {
799
+ transform: scale(1);
800
+ }
801
+ }
802
+
803
+ .rdw-image-wrapper {
804
+ display: flex;
805
+ align-items: center;
806
+ margin-bottom: 6px;
807
+ position: relative;
808
+ flex-wrap: wrap;
809
+ }
810
+ .rdw-image-modal {
811
+ position: absolute;
812
+ top: 35px;
813
+ left: 5px;
814
+ display: flex;
815
+ flex-direction: column;
816
+ width: 235px;
817
+ border: 1px solid #f1f1f1;
818
+ padding: 15px;
819
+ border-radius: 2px;
820
+ z-index: 100;
821
+ background: white;
822
+ box-shadow: 3px 3px 5px #bfbdbd;
823
+ }
824
+ .rdw-image-modal-header {
825
+ font-size: 15px;
826
+ margin: 10px 0;
827
+ display: flex;
828
+ }
829
+ .rdw-image-modal-header-option {
830
+ width: 50%;
831
+ cursor: pointer;
832
+ display: flex;
833
+ justify-content: center;
834
+ align-items: center;
835
+ flex-direction: column;
836
+ }
837
+ .rdw-image-modal-header-label {
838
+ width: 80px;
839
+ background: #f1f1f1;
840
+ border: 1px solid #f1f1f1;
841
+ margin-top: 5px;
842
+ }
843
+ .rdw-image-modal-header-label-highlighted {
844
+ background: #6eb8d4;
845
+ border-bottom: 2px solid #0a66b7;
846
+ }
847
+ .rdw-image-modal-upload-option {
848
+ width: 100%;
849
+ color: gray;
850
+ cursor: pointer;
851
+ display: flex;
852
+ border: none;
853
+ font-size: 15px;
854
+ align-items: center;
855
+ justify-content: center;
856
+ background-color: #f1f1f1;
857
+ outline: 2px dashed gray;
858
+ outline-offset: -10px;
859
+ margin: 10px 0;
860
+ padding: 9px 0;
861
+ }
862
+ .rdw-image-modal-upload-option-highlighted {
863
+ outline: 2px dashed #0a66b7;
864
+ }
865
+ .rdw-image-modal-upload-option-label {
866
+ cursor: pointer;
867
+ height: 100%;
868
+ width: 100%;
869
+ display: flex;
870
+ justify-content: center;
871
+ align-items: center;
872
+ padding: 15px;
873
+ }
874
+ .rdw-image-modal-upload-option-label span {
875
+ padding: 0 20px;
876
+ }
877
+ .rdw-image-modal-upload-option-image-preview {
878
+ max-width: 100%;
879
+ max-height: 200px;
880
+ }
881
+ .rdw-image-modal-upload-option-input {
882
+ width: 0.1px;
883
+ height: 0.1px;
884
+ opacity: 0;
885
+ overflow: hidden;
886
+ position: absolute;
887
+ z-index: -1;
888
+ }
889
+ .rdw-image-modal-url-section {
890
+ display: flex;
891
+ align-items: center;
892
+ }
893
+ .rdw-image-modal-url-input {
894
+ width: 90%;
895
+ height: 35px;
896
+ margin: 15px 0 12px;
897
+ border: 1px solid #f1f1f1;
898
+ border-radius: 2px;
899
+ font-size: 15px;
900
+ padding: 0 5px;
901
+ }
902
+ .rdw-image-modal-btn-section {
903
+ margin: 10px auto 0;
904
+ }
905
+ .rdw-image-modal-url-input:focus {
906
+ outline: none;
907
+ }
908
+ .rdw-image-modal-btn {
909
+ margin: 0 5px;
910
+ width: 75px;
911
+ height: 30px;
912
+ border: 1px solid #f1f1f1;
913
+ border-radius: 2px;
914
+ cursor: pointer;
915
+ background: white;
916
+ text-transform: capitalize;
917
+ }
918
+ .rdw-image-modal-btn:hover {
919
+ box-shadow: 1px 1px 0px #bfbdbd;
920
+ }
921
+ .rdw-image-modal-btn:active {
922
+ box-shadow: 1px 1px 0px #bfbdbd inset;
923
+ }
924
+ .rdw-image-modal-btn:focus {
925
+ outline: none !important;
926
+ }
927
+ .rdw-image-modal-btn:disabled {
928
+ background: #ece9e9;
929
+ }
930
+ .rdw-image-modal-spinner {
931
+ position: absolute;
932
+ top: -3px;
933
+ left: 0;
934
+ width: 100%;
935
+ height: 100%;
936
+ opacity: 0.5;
937
+ }
938
+ .rdw-image-modal-alt-input {
939
+ width: 70%;
940
+ height: 20px;
941
+ border: 1px solid #f1f1f1;
942
+ border-radius: 2px;
943
+ font-size: 12px;
944
+ margin-left: 5px;
945
+ }
946
+ .rdw-image-modal-alt-input:focus {
947
+ outline: none;
948
+ }
949
+ .rdw-image-modal-alt-lbl {
950
+ font-size: 12px;
951
+ }
952
+ .rdw-image-modal-size {
953
+ align-items: center;
954
+ display: flex;
955
+ margin: 8px 0;
956
+ justify-content: space-between;
957
+ }
958
+ .rdw-image-modal-size-input {
959
+ width: 40%;
960
+ height: 20px;
961
+ border: 1px solid #f1f1f1;
962
+ border-radius: 2px;
963
+ font-size: 12px;
964
+ }
965
+ .rdw-image-modal-size-input:focus {
966
+ outline: none;
967
+ }
968
+ .rdw-image-mandatory-sign {
969
+ color: red;
970
+ margin-left: 3px;
971
+ margin-right: 3px;
972
+ }
973
+
974
+ .rdw-remove-wrapper {
975
+ display: flex;
976
+ align-items: center;
977
+ margin-bottom: 6px;
978
+ position: relative;
979
+ flex-wrap: wrap;
980
+ }
981
+
982
+ .rdw-history-wrapper {
983
+ display: flex;
984
+ align-items: center;
985
+ margin-bottom: 6px;
986
+ flex-wrap: wrap;
987
+ }
988
+ .rdw-history-dropdownoption {
989
+ height: 40px;
990
+ display: flex;
991
+ justify-content: center;
992
+ }
993
+ .rdw-history-dropdown {
994
+ width: 50px;
995
+ }
996
+
997
+ .rdw-link-decorator-wrapper {
998
+ position: relative;
999
+ }
1000
+ .rdw-link-decorator-icon {
1001
+ position: absolute;
1002
+ left: 40%;
1003
+ top: 0;
1004
+ cursor: pointer;
1005
+ background-color: white;
1006
+ }
1007
+
1008
+ .rdw-mention-link {
1009
+ text-decoration: none;
1010
+ color: #1236ff;
1011
+ background-color: #f0fbff;
1012
+ padding: 1px 2px;
1013
+ border-radius: 2px;
1014
+ }
1015
+
1016
+ .rdw-suggestion-wrapper {
1017
+ position: relative;
1018
+ }
1019
+ .rdw-suggestion-dropdown {
1020
+ position: absolute;
1021
+ display: flex;
1022
+ flex-direction: column;
1023
+ border: 1px solid #f1f1f1;
1024
+ min-width: 100px;
1025
+ max-height: 150px;
1026
+ overflow: auto;
1027
+ background: white;
1028
+ z-index: 100;
1029
+ }
1030
+ .rdw-suggestion-option {
1031
+ padding: 7px 5px;
1032
+ border-bottom: 1px solid #f1f1f1;
1033
+ }
1034
+ .rdw-suggestion-option-active {
1035
+ background-color: #f1f1f1;
1036
+ }
1037
+
1038
+ .rdw-hashtag-link {
1039
+ text-decoration: none;
1040
+ color: #1236ff;
1041
+ background-color: #f0fbff;
1042
+ padding: 1px 2px;
1043
+ border-radius: 2px;
1044
+ }
1045
+
1046
+ .rdw-image-alignment-options-popup {
1047
+ position: absolute;
1048
+ background: white;
1049
+ display: flex;
1050
+ padding: 5px 2px;
1051
+ border-radius: 2px;
1052
+ border: 1px solid #f1f1f1;
1053
+ width: 105px;
1054
+ cursor: pointer;
1055
+ z-index: 100;
1056
+ }
1057
+ .rdw-alignment-option-left {
1058
+ justify-content: flex-start;
1059
+ }
1060
+ .rdw-image-alignment-option {
1061
+ height: 15px;
1062
+ width: 15px;
1063
+ min-width: 15px;
1064
+ }
1065
+ .rdw-image-alignment {
1066
+ position: relative;
1067
+ }
1068
+ .rdw-image-imagewrapper {
1069
+ position: relative;
1070
+ }
1071
+ .rdw-image-center {
1072
+ display: flex;
1073
+ justify-content: center;
1074
+ }
1075
+ .rdw-image-left {
1076
+ display: flex;
1077
+ }
1078
+ .rdw-image-right {
1079
+ display: flex;
1080
+ justify-content: flex-end;
1081
+ }
1082
+ .rdw-image-alignment-options-popup-right {
1083
+ right: 0;
1084
+ }
1085
+
1086
+ .rdw-editor-main {
1087
+ height: 100%;
1088
+ overflow: auto;
1089
+ box-sizing: border-box;
1090
+ }
1091
+ .rdw-editor-toolbar {
1092
+ padding: 6px 5px 0;
1093
+ border-radius: 2px;
1094
+ border: 1px solid #f1f1f1;
1095
+ display: flex;
1096
+ justify-content: flex-start;
1097
+ background: white;
1098
+ flex-wrap: wrap;
1099
+ font-size: 15px;
1100
+ margin-bottom: 5px;
1101
+ -webkit-user-select: none;
1102
+ -moz-user-select: none;
1103
+ user-select: none;
1104
+ }
1105
+ .public-DraftStyleDefault-block {
1106
+ margin: 1em 0;
1107
+ }
1108
+ .rdw-editor-wrapper:focus {
1109
+ outline: none;
1110
+ }
1111
+ .rdw-editor-wrapper {
1112
+ box-sizing: content-box;
1113
+ }
1114
+ .rdw-editor-main blockquote {
1115
+ border-left: 5px solid #f1f1f1;
1116
+ padding-left: 5px;
1117
+ }
1118
+ .rdw-editor-main pre {
1119
+ background: #f1f1f1;
1120
+ border-radius: 3px;
1121
+ padding: 1px 10px;
1122
+ }
1123
+ /**
1124
+ * Draft v0.9.1
1125
+ *
1126
+ * Copyright (c) 2013-present, Facebook, Inc.
1127
+ * All rights reserved.
1128
+ *
1129
+ * This source code is licensed under the BSD-style license found in the
1130
+ * LICENSE file in the root directory of this source tree. An additional grant
1131
+ * of patent rights can be found in the PATENTS file in the same directory.
1132
+ */
1133
+ .DraftEditor-editorContainer,
1134
+ .DraftEditor-root,
1135
+ .public-DraftEditor-content {
1136
+ height: inherit;
1137
+ text-align: initial;
1138
+ }
1139
+ .public-DraftEditor-content[contenteditable='true'] {
1140
+ -webkit-user-modify: read-write-plaintext-only;
1141
+ }
1142
+ .DraftEditor-root {
1143
+ position: relative;
1144
+ }
1145
+ .DraftEditor-editorContainer {
1146
+ background-color: rgba(255, 255, 255, 0);
1147
+ border-left: 0.1px solid transparent;
1148
+ position: relative;
1149
+ z-index: 1;
1150
+ }
1151
+ .public-DraftEditor-block {
1152
+ position: relative;
1153
+ }
1154
+ .DraftEditor-alignLeft .public-DraftStyleDefault-block {
1155
+ text-align: left;
1156
+ }
1157
+ .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
1158
+ left: 0;
1159
+ text-align: left;
1160
+ }
1161
+ .DraftEditor-alignCenter .public-DraftStyleDefault-block {
1162
+ text-align: center;
1163
+ }
1164
+ .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
1165
+ margin: 0 auto;
1166
+ text-align: center;
1167
+ width: 100%;
1168
+ }
1169
+ .DraftEditor-alignRight .public-DraftStyleDefault-block {
1170
+ text-align: right;
1171
+ }
1172
+ .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
1173
+ right: 0;
1174
+ text-align: right;
1175
+ }
1176
+ .public-DraftEditorPlaceholder-root {
1177
+ color: #9197a3;
1178
+ position: absolute;
1179
+ z-index: 0;
1180
+ }
1181
+ .public-DraftEditorPlaceholder-hasFocus {
1182
+ color: #bdc1c9;
1183
+ }
1184
+ .DraftEditorPlaceholder-hidden {
1185
+ display: none;
1186
+ }
1187
+ .public-DraftStyleDefault-block {
1188
+ position: relative;
1189
+ white-space: pre-wrap;
1190
+ }
1191
+ .public-DraftStyleDefault-ltr {
1192
+ direction: ltr;
1193
+ text-align: left;
1194
+ }
1195
+ .public-DraftStyleDefault-rtl {
1196
+ direction: rtl;
1197
+ text-align: right;
1198
+ }
1199
+ .public-DraftStyleDefault-listLTR {
1200
+ direction: ltr;
1201
+ }
1202
+ .public-DraftStyleDefault-listRTL {
1203
+ direction: rtl;
1204
+ }
1205
+ .public-DraftStyleDefault-ol,
1206
+ .public-DraftStyleDefault-ul {
1207
+ margin: 16px 0;
1208
+ padding: 0;
1209
+ }
1210
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
1211
+ margin-left: 1.5em;
1212
+ }
1213
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
1214
+ margin-right: 1.5em;
1215
+ }
1216
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
1217
+ margin-left: 3em;
1218
+ }
1219
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
1220
+ margin-right: 3em;
1221
+ }
1222
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
1223
+ margin-left: 4.5em;
1224
+ }
1225
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
1226
+ margin-right: 4.5em;
1227
+ }
1228
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
1229
+ margin-left: 6em;
1230
+ }
1231
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
1232
+ margin-right: 6em;
1233
+ }
1234
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
1235
+ margin-left: 7.5em;
1236
+ }
1237
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
1238
+ margin-right: 7.5em;
1239
+ }
1240
+ .public-DraftStyleDefault-unorderedListItem {
1241
+ list-style-type: square;
1242
+ position: relative;
1243
+ }
1244
+ .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
1245
+ list-style-type: disc;
1246
+ }
1247
+ .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
1248
+ list-style-type: circle;
1249
+ }
1250
+ .public-DraftStyleDefault-orderedListItem {
1251
+ list-style-type: none;
1252
+ position: relative;
1253
+ }
1254
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
1255
+ left: -36px;
1256
+ position: absolute;
1257
+ text-align: right;
1258
+ width: 30px;
1259
+ }
1260
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
1261
+ position: absolute;
1262
+ right: -36px;
1263
+ text-align: left;
1264
+ width: 30px;
1265
+ }
1266
+ .public-DraftStyleDefault-orderedListItem:before {
1267
+ content: counter(ol0) '. ';
1268
+ counter-increment: ol0;
1269
+ }
1270
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
1271
+ content: counter(ol1) '. ';
1272
+ counter-increment: ol1;
1273
+ }
1274
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
1275
+ content: counter(ol2) '. ';
1276
+ counter-increment: ol2;
1277
+ }
1278
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
1279
+ content: counter(ol3) '. ';
1280
+ counter-increment: ol3;
1281
+ }
1282
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
1283
+ content: counter(ol4) '. ';
1284
+ counter-increment: ol4;
1285
+ }
1286
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
1287
+ counter-reset: ol0;
1288
+ }
1289
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
1290
+ counter-reset: ol1;
1291
+ }
1292
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
1293
+ counter-reset: ol2;
1294
+ }
1295
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
1296
+ counter-reset: ol3;
1297
+ }
1298
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
1299
+ counter-reset: ol4;
1300
+ }