@majoo-ui/react 1.54.1 → 1.54.2-rc.2

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 (10) hide show
  1. package/README.md +7 -7
  2. package/components/loadingBar/LoadingBar.d.ts +5 -0
  3. package/components/pageDialog/PageDialog.d.ts +24 -8
  4. package/components/skeleton/Skeleton.d.ts +6 -1
  5. package/components/stepWizard/index.d.ts +1 -0
  6. package/index.esm.css +1294 -1307
  7. package/index.esm.js +1075 -1187
  8. package/index.umd.css +1294 -1307
  9. package/index.umd.js +1073 -1187
  10. package/package.json +1 -1
package/index.umd.css CHANGED
@@ -1,1309 +1,1296 @@
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
- -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
- }
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
+ }