@majoo-ui/react 1.54.0 → 1.54.1-rc.1

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