@majoo-ui/react 1.54.2 → 1.54.4

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