@majoo-ui/react 1.55.20 → 1.55.22

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