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