@majoo-ui/react 1.52.2-rc.1 → 1.52.3

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 (11) 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/components/pageDialog/PageDialog.d.ts +4 -0
  6. package/components/table/Table.d.ts +5 -1
  7. package/index.esm.css +1310 -1298
  8. package/index.esm.js +1317 -762
  9. package/index.umd.css +1310 -1298
  10. package/index.umd.js +1318 -760
  11. package/package.json +1 -1
package/index.esm.css CHANGED
@@ -1,1300 +1,1312 @@
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
+ border: 1px solid #f1f1f1;
570
+ padding: 15px;
571
+ border-radius: 2px;
572
+ z-index: 100;
573
+ background: white;
574
+ box-shadow: 3px 3px 5px #bfbdbd;
575
+ }
576
+ .rdw-link-modal-label {
577
+ font-size: 15px;
578
+ }
579
+ .rdw-link-modal-input {
580
+ margin-top: 5px;
581
+ border-radius: 2px;
582
+ border: 1px solid #f1f1f1;
583
+ height: 25px;
584
+ margin-bottom: 15px;
585
+ padding: 0 5px;
586
+ }
587
+ .rdw-link-modal-input:focus {
588
+ outline: none;
589
+ }
590
+ .rdw-link-modal-buttonsection {
591
+ margin: 0 auto;
592
+ }
593
+ .rdw-link-modal-target-option {
594
+ margin-bottom: 20px;
595
+ }
596
+ .rdw-link-modal-target-option > span {
597
+ margin-left: 5px;
598
+ }
599
+ .rdw-link-modal-btn {
600
+ margin-left: 10px;
601
+ width: 75px;
602
+ height: 30px;
603
+ border: 1px solid #f1f1f1;
604
+ border-radius: 2px;
605
+ cursor: pointer;
606
+ background: white;
607
+ text-transform: capitalize;
608
+ }
609
+ .rdw-link-modal-btn:hover {
610
+ box-shadow: 1px 1px 0px #bfbdbd;
611
+ }
612
+ .rdw-link-modal-btn:active {
613
+ box-shadow: 1px 1px 0px #bfbdbd inset;
614
+ }
615
+ .rdw-link-modal-btn:focus {
616
+ outline: none !important;
617
+ }
618
+ .rdw-link-modal-btn:disabled {
619
+ background: #ece9e9;
620
+ }
621
+ .rdw-link-dropdownoption {
622
+ height: 40px;
623
+ display: flex;
624
+ justify-content: center;
625
+ }
626
+ .rdw-history-dropdown {
627
+ width: 50px;
628
+ }
629
+
630
+ .rdw-embedded-wrapper {
631
+ display: flex;
632
+ align-items: center;
633
+ margin-bottom: 6px;
634
+ position: relative;
635
+ flex-wrap: wrap;
636
+ }
637
+ .rdw-embedded-modal {
638
+ position: absolute;
639
+ top: 35px;
640
+ left: 5px;
641
+ display: flex;
642
+ flex-direction: column;
643
+ width: 235px;
644
+ height: 180px;
645
+ border: 1px solid #f1f1f1;
646
+ padding: 15px;
647
+ border-radius: 2px;
648
+ z-index: 100;
649
+ background: white;
650
+ justify-content: space-between;
651
+ box-shadow: 3px 3px 5px #bfbdbd;
652
+ }
653
+ .rdw-embedded-modal-header {
654
+ font-size: 15px;
655
+ display: flex;
656
+ }
657
+ .rdw-embedded-modal-header-option {
658
+ width: 50%;
659
+ cursor: pointer;
660
+ display: flex;
661
+ justify-content: center;
662
+ align-items: center;
663
+ flex-direction: column;
664
+ }
665
+ .rdw-embedded-modal-header-label {
666
+ width: 95px;
667
+ border: 1px solid #f1f1f1;
668
+ margin-top: 5px;
669
+ background: #6eb8d4;
670
+ border-bottom: 2px solid #0a66b7;
671
+ }
672
+ .rdw-embedded-modal-link-section {
673
+ display: flex;
674
+ flex-direction: column;
675
+ }
676
+ .rdw-embedded-modal-link-input {
677
+ width: 88%;
678
+ height: 35px;
679
+ margin: 10px 0;
680
+ border: 1px solid #f1f1f1;
681
+ border-radius: 2px;
682
+ font-size: 15px;
683
+ padding: 0 5px;
684
+ }
685
+ .rdw-embedded-modal-link-input-wrapper {
686
+ display: flex;
687
+ align-items: center;
688
+ }
689
+ .rdw-embedded-modal-link-input:focus {
690
+ outline: none;
691
+ }
692
+ .rdw-embedded-modal-btn-section {
693
+ display: flex;
694
+ justify-content: center;
695
+ }
696
+ .rdw-embedded-modal-btn {
697
+ margin: 0 3px;
698
+ width: 75px;
699
+ height: 30px;
700
+ border: 1px solid #f1f1f1;
701
+ border-radius: 2px;
702
+ cursor: pointer;
703
+ background: white;
704
+ text-transform: capitalize;
705
+ }
706
+ .rdw-embedded-modal-btn:hover {
707
+ box-shadow: 1px 1px 0px #bfbdbd;
708
+ }
709
+ .rdw-embedded-modal-btn:active {
710
+ box-shadow: 1px 1px 0px #bfbdbd inset;
711
+ }
712
+ .rdw-embedded-modal-btn:focus {
713
+ outline: none !important;
714
+ }
715
+ .rdw-embedded-modal-btn:disabled {
716
+ background: #ece9e9;
717
+ }
718
+ .rdw-embedded-modal-size {
719
+ align-items: center;
720
+ display: flex;
721
+ margin: 8px 0;
722
+ justify-content: space-between;
723
+ }
724
+ .rdw-embedded-modal-size-input {
725
+ width: 80%;
726
+ height: 20px;
727
+ border: 1px solid #f1f1f1;
728
+ border-radius: 2px;
729
+ font-size: 12px;
730
+ }
731
+ .rdw-embedded-modal-size-input:focus {
732
+ outline: none;
733
+ }
734
+
735
+ .rdw-emoji-wrapper {
736
+ display: flex;
737
+ align-items: center;
738
+ margin-bottom: 6px;
739
+ position: relative;
740
+ flex-wrap: wrap;
741
+ }
742
+ .rdw-emoji-modal {
743
+ overflow: auto;
744
+ position: absolute;
745
+ top: 35px;
746
+ left: 5px;
747
+ display: flex;
748
+ flex-wrap: wrap;
749
+ width: 235px;
750
+ height: 180px;
751
+ border: 1px solid #f1f1f1;
752
+ padding: 15px;
753
+ border-radius: 2px;
754
+ z-index: 100;
755
+ background: white;
756
+ box-shadow: 3px 3px 5px #bfbdbd;
757
+ }
758
+ .rdw-emoji-icon {
759
+ margin: 2.5px;
760
+ height: 24px;
761
+ width: 24px;
762
+ cursor: pointer;
763
+ font-size: 22px;
764
+ display: flex;
765
+ justify-content: center;
766
+ align-items: center;
767
+ }
768
+
769
+ .rdw-spinner {
770
+ display: flex;
771
+ align-items: center;
772
+ justify-content: center;
773
+ height: 100%;
774
+ width: 100%;
775
+ }
776
+ .rdw-spinner > div {
777
+ width: 12px;
778
+ height: 12px;
779
+ background-color: #333;
780
+
781
+ border-radius: 100%;
782
+ display: inline-block;
783
+ -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
784
+ animation: sk-bouncedelay 1.4s infinite ease-in-out both;
785
+ }
786
+ .rdw-spinner .rdw-bounce1 {
787
+ -webkit-animation-delay: -0.32s;
788
+ animation-delay: -0.32s;
789
+ }
790
+ .rdw-spinner .rdw-bounce2 {
791
+ -webkit-animation-delay: -0.16s;
792
+ animation-delay: -0.16s;
793
+ }
794
+ @-webkit-keyframes sk-bouncedelay {
795
+ 0%,
796
+ 80%,
797
+ 100% {
798
+ -webkit-transform: scale(0);
799
+ }
800
+ 40% {
801
+ -webkit-transform: scale(1);
802
+ }
803
+ }
804
+ @keyframes sk-bouncedelay {
805
+ 0%,
806
+ 80%,
807
+ 100% {
808
+ transform: scale(0);
809
+ }
810
+ 40% {
811
+ transform: scale(1);
812
+ }
813
+ }
814
+
815
+ .rdw-image-wrapper {
816
+ display: flex;
817
+ align-items: center;
818
+ margin-bottom: 6px;
819
+ position: relative;
820
+ flex-wrap: wrap;
821
+ }
822
+ .rdw-image-modal {
823
+ position: absolute;
824
+ top: 35px;
825
+ left: 5px;
826
+ display: flex;
827
+ flex-direction: column;
828
+ width: 235px;
829
+ border: 1px solid #f1f1f1;
830
+ padding: 15px;
831
+ border-radius: 2px;
832
+ z-index: 100;
833
+ background: white;
834
+ box-shadow: 3px 3px 5px #bfbdbd;
835
+ }
836
+ .rdw-image-modal-header {
837
+ font-size: 15px;
838
+ margin: 10px 0;
839
+ display: flex;
840
+ }
841
+ .rdw-image-modal-header-option {
842
+ width: 50%;
843
+ cursor: pointer;
844
+ display: flex;
845
+ justify-content: center;
846
+ align-items: center;
847
+ flex-direction: column;
848
+ }
849
+ .rdw-image-modal-header-label {
850
+ width: 80px;
851
+ background: #f1f1f1;
852
+ border: 1px solid #f1f1f1;
853
+ margin-top: 5px;
854
+ }
855
+ .rdw-image-modal-header-label-highlighted {
856
+ background: #6eb8d4;
857
+ border-bottom: 2px solid #0a66b7;
858
+ }
859
+ .rdw-image-modal-upload-option {
860
+ width: 100%;
861
+ color: gray;
862
+ cursor: pointer;
863
+ display: flex;
864
+ border: none;
865
+ font-size: 15px;
866
+ align-items: center;
867
+ justify-content: center;
868
+ background-color: #f1f1f1;
869
+ outline: 2px dashed gray;
870
+ outline-offset: -10px;
871
+ margin: 10px 0;
872
+ padding: 9px 0;
873
+ }
874
+ .rdw-image-modal-upload-option-highlighted {
875
+ outline: 2px dashed #0a66b7;
876
+ }
877
+ .rdw-image-modal-upload-option-label {
878
+ cursor: pointer;
879
+ height: 100%;
880
+ width: 100%;
881
+ display: flex;
882
+ justify-content: center;
883
+ align-items: center;
884
+ padding: 15px;
885
+ }
886
+ .rdw-image-modal-upload-option-label span {
887
+ padding: 0 20px;
888
+ }
889
+ .rdw-image-modal-upload-option-image-preview {
890
+ max-width: 100%;
891
+ max-height: 200px;
892
+ }
893
+ .rdw-image-modal-upload-option-input {
894
+ width: 0.1px;
895
+ height: 0.1px;
896
+ opacity: 0;
897
+ overflow: hidden;
898
+ position: absolute;
899
+ z-index: -1;
900
+ }
901
+ .rdw-image-modal-url-section {
902
+ display: flex;
903
+ align-items: center;
904
+ }
905
+ .rdw-image-modal-url-input {
906
+ width: 90%;
907
+ height: 35px;
908
+ margin: 15px 0 12px;
909
+ border: 1px solid #f1f1f1;
910
+ border-radius: 2px;
911
+ font-size: 15px;
912
+ padding: 0 5px;
913
+ }
914
+ .rdw-image-modal-btn-section {
915
+ margin: 10px auto 0;
916
+ }
917
+ .rdw-image-modal-url-input:focus {
918
+ outline: none;
919
+ }
920
+ .rdw-image-modal-btn {
921
+ margin: 0 5px;
922
+ width: 75px;
923
+ height: 30px;
924
+ border: 1px solid #f1f1f1;
925
+ border-radius: 2px;
926
+ cursor: pointer;
927
+ background: white;
928
+ text-transform: capitalize;
929
+ }
930
+ .rdw-image-modal-btn:hover {
931
+ box-shadow: 1px 1px 0px #bfbdbd;
932
+ }
933
+ .rdw-image-modal-btn:active {
934
+ box-shadow: 1px 1px 0px #bfbdbd inset;
935
+ }
936
+ .rdw-image-modal-btn:focus {
937
+ outline: none !important;
938
+ }
939
+ .rdw-image-modal-btn:disabled {
940
+ background: #ece9e9;
941
+ }
942
+ .rdw-image-modal-spinner {
943
+ position: absolute;
944
+ top: -3px;
945
+ left: 0;
946
+ width: 100%;
947
+ height: 100%;
948
+ opacity: 0.5;
949
+ }
950
+ .rdw-image-modal-alt-input {
951
+ width: 70%;
952
+ height: 20px;
953
+ border: 1px solid #f1f1f1;
954
+ border-radius: 2px;
955
+ font-size: 12px;
956
+ margin-left: 5px;
957
+ }
958
+ .rdw-image-modal-alt-input:focus {
959
+ outline: none;
960
+ }
961
+ .rdw-image-modal-alt-lbl {
962
+ font-size: 12px;
963
+ }
964
+ .rdw-image-modal-size {
965
+ align-items: center;
966
+ display: flex;
967
+ margin: 8px 0;
968
+ justify-content: space-between;
969
+ }
970
+ .rdw-image-modal-size-input {
971
+ width: 40%;
972
+ height: 20px;
973
+ border: 1px solid #f1f1f1;
974
+ border-radius: 2px;
975
+ font-size: 12px;
976
+ }
977
+ .rdw-image-modal-size-input:focus {
978
+ outline: none;
979
+ }
980
+ .rdw-image-mandatory-sign {
981
+ color: red;
982
+ margin-left: 3px;
983
+ margin-right: 3px;
984
+ }
985
+
986
+ .rdw-remove-wrapper {
987
+ display: flex;
988
+ align-items: center;
989
+ margin-bottom: 6px;
990
+ position: relative;
991
+ flex-wrap: wrap;
992
+ }
993
+
994
+ .rdw-history-wrapper {
995
+ display: flex;
996
+ align-items: center;
997
+ margin-bottom: 6px;
998
+ flex-wrap: wrap;
999
+ }
1000
+ .rdw-history-dropdownoption {
1001
+ height: 40px;
1002
+ display: flex;
1003
+ justify-content: center;
1004
+ }
1005
+ .rdw-history-dropdown {
1006
+ width: 50px;
1007
+ }
1008
+
1009
+ .rdw-link-decorator-wrapper {
1010
+ position: relative;
1011
+ }
1012
+ .rdw-link-decorator-icon {
1013
+ position: absolute;
1014
+ left: 40%;
1015
+ top: 0;
1016
+ cursor: pointer;
1017
+ background-color: white;
1018
+ }
1019
+
1020
+ .rdw-mention-link {
1021
+ text-decoration: none;
1022
+ color: #1236ff;
1023
+ background-color: #f0fbff;
1024
+ padding: 1px 2px;
1025
+ border-radius: 2px;
1026
+ }
1027
+
1028
+ .rdw-suggestion-wrapper {
1029
+ position: relative;
1030
+ }
1031
+ .rdw-suggestion-dropdown {
1032
+ position: absolute;
1033
+ display: flex;
1034
+ flex-direction: column;
1035
+ border: 1px solid #f1f1f1;
1036
+ min-width: 100px;
1037
+ max-height: 150px;
1038
+ overflow: auto;
1039
+ background: white;
1040
+ z-index: 100;
1041
+ }
1042
+ .rdw-suggestion-option {
1043
+ padding: 7px 5px;
1044
+ border-bottom: 1px solid #f1f1f1;
1045
+ }
1046
+ .rdw-suggestion-option-active {
1047
+ background-color: #f1f1f1;
1048
+ }
1049
+
1050
+ .rdw-hashtag-link {
1051
+ text-decoration: none;
1052
+ color: #1236ff;
1053
+ background-color: #f0fbff;
1054
+ padding: 1px 2px;
1055
+ border-radius: 2px;
1056
+ }
1057
+
1058
+ .rdw-image-alignment-options-popup {
1059
+ position: absolute;
1060
+ background: white;
1061
+ display: flex;
1062
+ padding: 5px 2px;
1063
+ border-radius: 2px;
1064
+ border: 1px solid #f1f1f1;
1065
+ width: 105px;
1066
+ cursor: pointer;
1067
+ z-index: 100;
1068
+ }
1069
+ .rdw-alignment-option-left {
1070
+ justify-content: flex-start;
1071
+ }
1072
+ .rdw-image-alignment-option {
1073
+ height: 15px;
1074
+ width: 15px;
1075
+ min-width: 15px;
1076
+ }
1077
+ .rdw-image-alignment {
1078
+ position: relative;
1079
+ }
1080
+ .rdw-image-imagewrapper {
1081
+ position: relative;
1082
+ }
1083
+ .rdw-image-center {
1084
+ display: flex;
1085
+ justify-content: center;
1086
+ }
1087
+ .rdw-image-left {
1088
+ display: flex;
1089
+ }
1090
+ .rdw-image-right {
1091
+ display: flex;
1092
+ justify-content: flex-end;
1093
+ }
1094
+ .rdw-image-alignment-options-popup-right {
1095
+ right: 0;
1096
+ }
1097
+
1098
+ .rdw-editor-main {
1099
+ height: 100%;
1100
+ overflow: auto;
1101
+ box-sizing: border-box;
1102
+ }
1103
+ .rdw-editor-toolbar {
1104
+ padding: 6px 5px 0;
1105
+ border-radius: 2px;
1106
+ border: 1px solid #f1f1f1;
1107
+ display: flex;
1108
+ justify-content: flex-start;
1109
+ background: white;
1110
+ flex-wrap: wrap;
1111
+ font-size: 15px;
1112
+ margin-bottom: 5px;
1113
+ -webkit-user-select: none;
1114
+ -moz-user-select: none;
1115
+ user-select: none;
1116
+ }
1117
+ .public-DraftStyleDefault-block {
1118
+ margin: 1em 0;
1119
+ }
1120
+ .rdw-editor-wrapper:focus {
1121
+ outline: none;
1122
+ }
1123
+ .rdw-editor-wrapper {
1124
+ box-sizing: content-box;
1125
+ }
1126
+ .rdw-editor-main blockquote {
1127
+ border-left: 5px solid #f1f1f1;
1128
+ padding-left: 5px;
1129
+ }
1130
+ .rdw-editor-main pre {
1131
+ background: #f1f1f1;
1132
+ border-radius: 3px;
1133
+ padding: 1px 10px;
1134
+ }
1135
+ /**
1136
+ * Draft v0.9.1
1137
+ *
1138
+ * Copyright (c) 2013-present, Facebook, Inc.
1139
+ * All rights reserved.
1140
+ *
1141
+ * This source code is licensed under the BSD-style license found in the
1142
+ * LICENSE file in the root directory of this source tree. An additional grant
1143
+ * of patent rights can be found in the PATENTS file in the same directory.
1144
+ */
1145
+ .DraftEditor-editorContainer,
1146
+ .DraftEditor-root,
1147
+ .public-DraftEditor-content {
1148
+ height: inherit;
1149
+ text-align: initial;
1150
+ }
1151
+ .public-DraftEditor-content[contenteditable='true'] {
1152
+ -webkit-user-modify: read-write-plaintext-only;
1153
+ }
1154
+ .DraftEditor-root {
1155
+ position: relative;
1156
+ }
1157
+ .DraftEditor-editorContainer {
1158
+ background-color: rgba(255, 255, 255, 0);
1159
+ border-left: 0.1px solid transparent;
1160
+ position: relative;
1161
+ z-index: 1;
1162
+ }
1163
+ .public-DraftEditor-block {
1164
+ position: relative;
1165
+ }
1166
+ .DraftEditor-alignLeft .public-DraftStyleDefault-block {
1167
+ text-align: left;
1168
+ }
1169
+ .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
1170
+ left: 0;
1171
+ text-align: left;
1172
+ }
1173
+ .DraftEditor-alignCenter .public-DraftStyleDefault-block {
1174
+ text-align: center;
1175
+ }
1176
+ .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
1177
+ margin: 0 auto;
1178
+ text-align: center;
1179
+ width: 100%;
1180
+ }
1181
+ .DraftEditor-alignRight .public-DraftStyleDefault-block {
1182
+ text-align: right;
1183
+ }
1184
+ .DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
1185
+ right: 0;
1186
+ text-align: right;
1187
+ }
1188
+ .public-DraftEditorPlaceholder-root {
1189
+ color: #9197a3;
1190
+ position: absolute;
1191
+ z-index: 0;
1192
+ }
1193
+ .public-DraftEditorPlaceholder-hasFocus {
1194
+ color: #bdc1c9;
1195
+ }
1196
+ .DraftEditorPlaceholder-hidden {
1197
+ display: none;
1198
+ }
1199
+ .public-DraftStyleDefault-block {
1200
+ position: relative;
1201
+ white-space: pre-wrap;
1202
+ }
1203
+ .public-DraftStyleDefault-ltr {
1204
+ direction: ltr;
1205
+ text-align: left;
1206
+ }
1207
+ .public-DraftStyleDefault-rtl {
1208
+ direction: rtl;
1209
+ text-align: right;
1210
+ }
1211
+ .public-DraftStyleDefault-listLTR {
1212
+ direction: ltr;
1213
+ }
1214
+ .public-DraftStyleDefault-listRTL {
1215
+ direction: rtl;
1216
+ }
1217
+ .public-DraftStyleDefault-ol,
1218
+ .public-DraftStyleDefault-ul {
1219
+ margin: 16px 0;
1220
+ padding: 0;
1221
+ }
1222
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
1223
+ margin-left: 1.5em;
1224
+ }
1225
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
1226
+ margin-right: 1.5em;
1227
+ }
1228
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
1229
+ margin-left: 3em;
1230
+ }
1231
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
1232
+ margin-right: 3em;
1233
+ }
1234
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
1235
+ margin-left: 4.5em;
1236
+ }
1237
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
1238
+ margin-right: 4.5em;
1239
+ }
1240
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
1241
+ margin-left: 6em;
1242
+ }
1243
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
1244
+ margin-right: 6em;
1245
+ }
1246
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
1247
+ margin-left: 7.5em;
1248
+ }
1249
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
1250
+ margin-right: 7.5em;
1251
+ }
1252
+ .public-DraftStyleDefault-unorderedListItem {
1253
+ list-style-type: square;
1254
+ position: relative;
1255
+ }
1256
+ .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
1257
+ list-style-type: disc;
1258
+ }
1259
+ .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
1260
+ list-style-type: circle;
1261
+ }
1262
+ .public-DraftStyleDefault-orderedListItem {
1263
+ list-style-type: none;
1264
+ position: relative;
1265
+ }
1266
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
1267
+ left: -36px;
1268
+ position: absolute;
1269
+ text-align: right;
1270
+ width: 30px;
1271
+ }
1272
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
1273
+ position: absolute;
1274
+ right: -36px;
1275
+ text-align: left;
1276
+ width: 30px;
1277
+ }
1278
+ .public-DraftStyleDefault-orderedListItem:before {
1279
+ content: counter(ol0) '. ';
1280
+ counter-increment: ol0;
1281
+ }
1282
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
1283
+ content: counter(ol1) '. ';
1284
+ counter-increment: ol1;
1285
+ }
1286
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
1287
+ content: counter(ol2) '. ';
1288
+ counter-increment: ol2;
1289
+ }
1290
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
1291
+ content: counter(ol3) '. ';
1292
+ counter-increment: ol3;
1293
+ }
1294
+ .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
1295
+ content: counter(ol4) '. ';
1296
+ counter-increment: ol4;
1297
+ }
1298
+ .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
1299
+ counter-reset: ol0;
1300
+ }
1301
+ .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
1302
+ counter-reset: ol1;
1303
+ }
1304
+ .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
1305
+ counter-reset: ol2;
1306
+ }
1307
+ .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
1308
+ counter-reset: ol3;
1309
+ }
1310
+ .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
1311
+ counter-reset: ol4;
1312
+ }