@festo-ui/react 1.2.0 → 2.0.0-pre-20211004.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.
- package/README.md +13 -4
- package/lib/forms/color-indicator/ColorIndicator.d.ts +2 -1
- package/lib/forms/date-range-picker/DateRangePicker.d.ts +1 -1
- package/lib/forms/text-area/TextArea.d.ts +4 -2
- package/package.json +1 -1
- package/react.esm.css +1694 -1104
- package/react.esm.js +854 -987
- package/react.umd.css +1694 -1104
- package/react.umd.js +472 -586
package/react.umd.css
CHANGED
|
@@ -1,26 +1,31 @@
|
|
|
1
1
|
.fr-modal {
|
|
2
|
-
opacity: 0;
|
|
2
|
+
opacity: 0;
|
|
3
|
+
}
|
|
3
4
|
|
|
4
5
|
.fr-modal-enter-done {
|
|
5
6
|
transition: opacity 100ms ease-out 300ms;
|
|
6
|
-
opacity: 1;
|
|
7
|
+
opacity: 1;
|
|
8
|
+
}
|
|
7
9
|
|
|
8
10
|
.fr-modal-backdrop {
|
|
9
|
-
opacity: 0;
|
|
11
|
+
opacity: 0;
|
|
12
|
+
}
|
|
10
13
|
|
|
11
14
|
.fr-modal-backdrop-enter-done {
|
|
12
15
|
opacity: 1;
|
|
13
|
-
transition: opacity 300ms ease-out;
|
|
16
|
+
transition: opacity 300ms ease-out;
|
|
17
|
+
}
|
|
14
18
|
|
|
15
19
|
.fr-modal-exit,
|
|
16
20
|
.fr-modal-backdrop-exit {
|
|
17
|
-
opacity: 1;
|
|
21
|
+
opacity: 1;
|
|
22
|
+
}
|
|
18
23
|
|
|
19
24
|
.fr-modal-backdrop-exit-active,
|
|
20
25
|
.fr-modal-exit-active {
|
|
21
26
|
transition: opacity 600ms;
|
|
22
|
-
opacity: 0;
|
|
23
|
-
|
|
27
|
+
opacity: 0;
|
|
28
|
+
}
|
|
24
29
|
.fwe-chip-container .fr-chip .fwe-icon-menu-close {
|
|
25
30
|
position: absolute;
|
|
26
31
|
right: 5px;
|
|
@@ -31,369 +36,470 @@
|
|
|
31
36
|
-webkit-font-smoothing: antialiased;
|
|
32
37
|
-moz-osx-font-smoothing: grayscale;
|
|
33
38
|
margin-left: 0;
|
|
34
|
-
padding-right: 0;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
39
|
+
padding-right: 0;
|
|
40
|
+
}
|
|
41
|
+
.fwe-chip-container .fr-chip .fwe-icon-menu-close::before {
|
|
42
|
+
font-family: festo_icons-32;
|
|
43
|
+
}
|
|
38
44
|
.fwe-chip-container .fr-chip.fwe-chip.fwe-selected.fwe-category::after {
|
|
39
|
-
content: none;
|
|
40
|
-
|
|
45
|
+
content: none;
|
|
46
|
+
}
|
|
41
47
|
#arrow,
|
|
42
|
-
#arrow::
|
|
48
|
+
#arrow::after {
|
|
43
49
|
position: absolute;
|
|
44
50
|
width: 12px;
|
|
45
|
-
height: 12px;
|
|
51
|
+
height: 12px;
|
|
52
|
+
transform: rotate(45deg);
|
|
53
|
+
}
|
|
46
54
|
|
|
47
|
-
#arrow
|
|
55
|
+
#arrow {
|
|
56
|
+
width: 17px;
|
|
57
|
+
height: 17px;
|
|
58
|
+
overflow: hidden;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
#arrow::after {
|
|
48
62
|
content: "";
|
|
49
63
|
background: #fff;
|
|
50
|
-
box-shadow:
|
|
51
|
-
z-index: -1;
|
|
52
|
-
|
|
53
|
-
.fwe-popover-container[data-popper-placement^="top"] > #arrow {
|
|
54
|
-
bottom: -6px; }
|
|
55
|
-
.fwe-popover-container[data-popper-placement^="top"] > #arrow::before {
|
|
56
|
-
transform: rotate(-45deg); }
|
|
64
|
+
box-shadow: 0px 1px 4px #33333333;
|
|
65
|
+
z-index: -1;
|
|
66
|
+
}
|
|
57
67
|
|
|
58
|
-
.fwe-popover-container[data-popper-placement^=
|
|
59
|
-
top:
|
|
60
|
-
|
|
61
|
-
|
|
68
|
+
.fwe-popover-container[data-popper-placement^=top] > #arrow {
|
|
69
|
+
top: 100%;
|
|
70
|
+
}
|
|
71
|
+
.fwe-popover-container[data-popper-placement^=top] > #arrow::after {
|
|
72
|
+
top: -6px;
|
|
73
|
+
left: 3px;
|
|
74
|
+
}
|
|
62
75
|
|
|
63
|
-
.fwe-popover-container[data-popper-placement^=
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
76
|
+
.fwe-popover-container[data-popper-placement^=bottom] > #arrow {
|
|
77
|
+
top: -17px;
|
|
78
|
+
}
|
|
79
|
+
.fwe-popover-container[data-popper-placement^=bottom] > #arrow::after {
|
|
80
|
+
top: 11px;
|
|
81
|
+
left: 3px;
|
|
82
|
+
}
|
|
67
83
|
|
|
68
|
-
.fwe-popover-container[data-popper-placement^=
|
|
69
|
-
left:
|
|
70
|
-
|
|
71
|
-
|
|
84
|
+
.fwe-popover-container[data-popper-placement^=left] > #arrow {
|
|
85
|
+
left: 100%;
|
|
86
|
+
}
|
|
87
|
+
.fwe-popover-container[data-popper-placement^=left] > #arrow::after {
|
|
88
|
+
top: 2px;
|
|
89
|
+
left: -6px;
|
|
90
|
+
}
|
|
72
91
|
|
|
73
|
-
.fwe-popover-container
|
|
92
|
+
.fwe-popover-container[data-popper-placement^=right] > #arrow {
|
|
93
|
+
left: -17px;
|
|
94
|
+
}
|
|
95
|
+
.fwe-popover-container[data-popper-placement^=right] > #arrow::after {
|
|
96
|
+
top: 2px;
|
|
97
|
+
left: 11px;
|
|
98
|
+
}
|
|
99
|
+
.fwe-color-indicator .fwe-popover-container {
|
|
74
100
|
position: relative;
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
.fwe-backdrop {
|
|
85
|
-
background: transparent;
|
|
86
|
-
|
|
87
|
-
.fwe-color-label {
|
|
101
|
+
}
|
|
102
|
+
.fwe-color-indicator .fwe-popover-container .fwe-popover {
|
|
103
|
+
background-color: var(--fwe-white);
|
|
104
|
+
padding: 8px 16px 16px 16px;
|
|
105
|
+
font-size: 14px;
|
|
106
|
+
line-height: 1rem;
|
|
107
|
+
box-shadow: 0px 1px 4px #33333333;
|
|
108
|
+
border-radius: 8px;
|
|
109
|
+
}
|
|
110
|
+
.fwe-color-indicator .fwe-backdrop {
|
|
111
|
+
background: transparent;
|
|
112
|
+
}
|
|
113
|
+
.fwe-color-indicator .fwe-color-label {
|
|
114
|
+
height: 18px;
|
|
88
115
|
font-size: 12px;
|
|
89
116
|
font-weight: bold;
|
|
90
|
-
margin-bottom: 4px;
|
|
91
|
-
|
|
92
|
-
.fwe-color-container {
|
|
93
|
-
display: flex;
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
.fwe-
|
|
117
|
+
margin-bottom: 4px;
|
|
118
|
+
}
|
|
119
|
+
.fwe-color-indicator .fwe-color-container {
|
|
120
|
+
display: flex;
|
|
121
|
+
}
|
|
122
|
+
.fwe-color-indicator .fwe-color-container .fwe-color-box {
|
|
123
|
+
height: 24px;
|
|
124
|
+
width: 24px;
|
|
125
|
+
border-radius: 4px;
|
|
126
|
+
border: 1px solid var(--fwe-control-border);
|
|
127
|
+
background: var(--fwe-white);
|
|
128
|
+
}
|
|
129
|
+
.fwe-color-indicator .fwe-color-container .fwe-color-box .fwe-no-color-pattern {
|
|
130
|
+
margin: 2px;
|
|
131
|
+
}
|
|
132
|
+
.fwe-color-indicator .fwe-color-container .fwe-color-indicator-text {
|
|
133
|
+
margin-left: 8px;
|
|
134
|
+
}
|
|
135
|
+
.fwe-color-indicator.disabled {
|
|
136
|
+
pointer-events: none;
|
|
137
|
+
}
|
|
138
|
+
.fwe-color-indicator.disabled .fwe-color-label {
|
|
139
|
+
color: var(--fwe-text-disabled);
|
|
140
|
+
}
|
|
141
|
+
.fwe-color-indicator.disabled .fwe-color-container .fwe-color-box {
|
|
142
|
+
opacity: 0.5;
|
|
143
|
+
}
|
|
144
|
+
.fwe-color-indicator.disabled .fwe-color-container .fwe-color-indicator-text {
|
|
145
|
+
color: var(--fwe-text-disabled);
|
|
146
|
+
}
|
|
147
|
+
.fwe-triangle.fwe-triangle-right, .fwe-triangle.fwe-triangle-left, .fwe-triangle.fwe-triangle-bottom, .fwe-triangle.fwe-triangle-top {
|
|
106
148
|
width: 17px;
|
|
107
149
|
height: 17px;
|
|
108
150
|
position: absolute;
|
|
109
|
-
overflow: hidden;
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
151
|
+
overflow: hidden;
|
|
152
|
+
}
|
|
153
|
+
.fwe-triangle.fwe-triangle-right::after, .fwe-triangle.fwe-triangle-left::after, .fwe-triangle.fwe-triangle-bottom::after, .fwe-triangle.fwe-triangle-top::after {
|
|
154
|
+
content: "";
|
|
155
|
+
position: absolute;
|
|
156
|
+
width: 12px;
|
|
157
|
+
height: 12px;
|
|
158
|
+
background: var(--fwe-white);
|
|
159
|
+
transform: rotate(45deg);
|
|
160
|
+
box-shadow: 0px 1px 4px #33333333;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.fwe-popover.fwe-popover-menu, .fwe-popover {
|
|
120
164
|
background-color: var(--fwe-white);
|
|
121
165
|
box-shadow: 0px 1px 4px #33333333;
|
|
122
|
-
border-radius: 4px;
|
|
166
|
+
border-radius: 4px;
|
|
167
|
+
}
|
|
123
168
|
|
|
124
169
|
.fwe-popover {
|
|
125
170
|
padding: 8px;
|
|
126
171
|
font-size: 14px;
|
|
127
|
-
line-height: 1rem;
|
|
172
|
+
line-height: 1rem;
|
|
173
|
+
}
|
|
128
174
|
|
|
129
175
|
.fwe-popover-container {
|
|
130
176
|
position: relative;
|
|
131
|
-
display: inline-block;
|
|
177
|
+
display: inline-block;
|
|
178
|
+
}
|
|
132
179
|
|
|
133
180
|
.fwe-triangle.fwe-triangle-top {
|
|
134
181
|
left: 50%;
|
|
135
182
|
top: -17px;
|
|
136
|
-
transform: translateX(-8px);
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
183
|
+
transform: translateX(-8px);
|
|
184
|
+
}
|
|
185
|
+
.fwe-triangle.fwe-triangle-top::after {
|
|
186
|
+
top: 11px;
|
|
187
|
+
left: 3px;
|
|
188
|
+
}
|
|
141
189
|
.fwe-triangle.fwe-triangle-bottom {
|
|
142
190
|
left: 50%;
|
|
143
191
|
top: 100%;
|
|
144
|
-
transform: translateX(-8px);
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
192
|
+
transform: translateX(-8px);
|
|
193
|
+
}
|
|
194
|
+
.fwe-triangle.fwe-triangle-bottom::after {
|
|
195
|
+
top: -6px;
|
|
196
|
+
left: 3px;
|
|
197
|
+
}
|
|
149
198
|
.fwe-triangle.fwe-triangle-left {
|
|
150
199
|
left: -17px;
|
|
151
200
|
top: 50%;
|
|
152
|
-
transform: translateY(-8px);
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
201
|
+
transform: translateY(-8px);
|
|
202
|
+
}
|
|
203
|
+
.fwe-triangle.fwe-triangle-left::after {
|
|
204
|
+
top: 2px;
|
|
205
|
+
left: 11px;
|
|
206
|
+
}
|
|
157
207
|
.fwe-triangle.fwe-triangle-right {
|
|
158
208
|
left: 100%;
|
|
159
209
|
top: 50%;
|
|
160
|
-
transform: translateY(-8px);
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
210
|
+
transform: translateY(-8px);
|
|
211
|
+
}
|
|
212
|
+
.fwe-triangle.fwe-triangle-right::after {
|
|
213
|
+
top: 2px;
|
|
214
|
+
left: -6px;
|
|
215
|
+
}
|
|
164
216
|
|
|
165
217
|
.fwe-popover.fwe-popover-menu {
|
|
166
218
|
font-size: 16px;
|
|
167
219
|
line-height: 1.5rem;
|
|
168
|
-
padding: 16px;
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
220
|
+
padding: 16px;
|
|
221
|
+
}
|
|
222
|
+
.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item {
|
|
223
|
+
border-bottom: none;
|
|
224
|
+
min-height: 36px;
|
|
225
|
+
padding: 0;
|
|
226
|
+
}
|
|
227
|
+
.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button {
|
|
228
|
+
width: 100%;
|
|
229
|
+
margin-left: inherit;
|
|
230
|
+
padding: 0 8px 0 0;
|
|
231
|
+
text-align: left;
|
|
232
|
+
height: 32px;
|
|
233
|
+
max-height: 32px;
|
|
234
|
+
display: inline-flex;
|
|
235
|
+
}
|
|
236
|
+
.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button:hover {
|
|
237
|
+
color: var(--fwe-black);
|
|
238
|
+
}
|
|
239
|
+
.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i {
|
|
240
|
+
display: inline-flex;
|
|
241
|
+
align-items: center;
|
|
242
|
+
justify-content: center;
|
|
243
|
+
flex-wrap: nowrap;
|
|
244
|
+
height: 24px;
|
|
245
|
+
width: 32px;
|
|
246
|
+
}
|
|
247
|
+
.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i::before {
|
|
248
|
+
display: inline-flex;
|
|
249
|
+
}
|
|
250
|
+
.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button span {
|
|
251
|
+
display: inline-flex;
|
|
252
|
+
height: 24px;
|
|
253
|
+
}
|
|
254
|
+
.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button [class*=" fwe-icon-"] {
|
|
255
|
+
margin-left: inherit;
|
|
256
|
+
}
|
|
257
|
+
.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:hover {
|
|
258
|
+
color: var(--fwe-black);
|
|
259
|
+
background-color: #3333331a;
|
|
260
|
+
}
|
|
261
|
+
.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:active {
|
|
262
|
+
background-color: #33333333;
|
|
263
|
+
}
|
|
203
264
|
.fwe-popover .fwe-popover-legend {
|
|
204
265
|
display: table;
|
|
205
266
|
margin: 16px;
|
|
206
|
-
line-height: 24px;
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
267
|
+
line-height: 24px;
|
|
268
|
+
}
|
|
269
|
+
.fwe-popover .fwe-popover-legend .fwe-popover-legend-content {
|
|
270
|
+
display: table-row;
|
|
271
|
+
}
|
|
272
|
+
.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dt {
|
|
273
|
+
display: table-cell;
|
|
274
|
+
margin: 0;
|
|
275
|
+
padding-right: 8px;
|
|
276
|
+
}
|
|
277
|
+
.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dd {
|
|
278
|
+
display: table-cell;
|
|
279
|
+
margin: 0;
|
|
280
|
+
}
|
|
216
281
|
|
|
217
282
|
.fwe-color-picker {
|
|
218
283
|
width: 216px;
|
|
219
|
-
/* remove spinner buttons from input */
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
284
|
+
/* remove spinner buttons from input */
|
|
285
|
+
}
|
|
286
|
+
.fwe-color-picker.fwe-alpha-active {
|
|
287
|
+
width: 245px;
|
|
288
|
+
}
|
|
289
|
+
.fwe-color-picker .fwe-gradient-picker {
|
|
290
|
+
position: relative;
|
|
291
|
+
width: 198px;
|
|
292
|
+
height: 198px;
|
|
293
|
+
margin: -7px;
|
|
294
|
+
}
|
|
295
|
+
.fwe-color-picker .fwe-gradient-picker .fwe-brightness-gradient {
|
|
296
|
+
position: absolute;
|
|
297
|
+
top: 7px;
|
|
298
|
+
bottom: 7px;
|
|
299
|
+
right: 7px;
|
|
300
|
+
left: 7px;
|
|
301
|
+
background-image: linear-gradient(transparent, black);
|
|
302
|
+
}
|
|
303
|
+
.fwe-color-picker .fwe-gradient-picker .fwe-saturation-gradient {
|
|
304
|
+
position: absolute;
|
|
305
|
+
top: 7px;
|
|
306
|
+
bottom: 7px;
|
|
307
|
+
right: 7px;
|
|
308
|
+
left: 7px;
|
|
309
|
+
}
|
|
310
|
+
.fwe-color-picker .fwe-vertical-picker, .fwe-color-picker .fwe-alpha-picker, .fwe-color-picker .fwe-hue-picker {
|
|
311
|
+
position: relative;
|
|
312
|
+
height: 198px;
|
|
313
|
+
width: 14px;
|
|
314
|
+
margin: -7px -3px;
|
|
315
|
+
margin-left: 18px;
|
|
316
|
+
}
|
|
317
|
+
.fwe-color-picker .fwe-vertical-picker .fwe-picker-background, .fwe-color-picker .fwe-alpha-picker .fwe-picker-background, .fwe-color-picker .fwe-hue-picker .fwe-picker-background {
|
|
318
|
+
margin: 7px 3px;
|
|
319
|
+
height: 184px;
|
|
320
|
+
width: 8px;
|
|
321
|
+
border-radius: 4px;
|
|
322
|
+
}
|
|
323
|
+
.fwe-color-picker .fwe-vertical-picker .fwe-knob, .fwe-color-picker .fwe-alpha-picker .fwe-knob, .fwe-color-picker .fwe-hue-picker .fwe-knob {
|
|
324
|
+
left: -3px;
|
|
325
|
+
}
|
|
326
|
+
.fwe-color-picker .fwe-hue-picker .fwe-picker-background {
|
|
327
|
+
background-image: linear-gradient(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
|
|
328
|
+
}
|
|
329
|
+
.fwe-color-picker .fwe-alpha-picker .fwe-no-color-pattern {
|
|
330
|
+
margin: 7px 3px;
|
|
331
|
+
position: absolute;
|
|
332
|
+
}
|
|
333
|
+
.fwe-color-picker .fwe-alpha-picker .fwe-picker-background {
|
|
334
|
+
position: absolute;
|
|
335
|
+
}
|
|
336
|
+
.fwe-color-picker .fwe-type-select {
|
|
337
|
+
position: relative;
|
|
338
|
+
display: flex;
|
|
339
|
+
}
|
|
340
|
+
.fwe-color-picker .fwe-type-select .fwe-type-indicator {
|
|
341
|
+
flex-shrink: 1;
|
|
342
|
+
cursor: pointer;
|
|
343
|
+
display: flex;
|
|
344
|
+
}
|
|
345
|
+
.fwe-color-picker .fwe-type-select .fwe-type-indicator .fwe-input-type {
|
|
346
|
+
font-size: 12px;
|
|
347
|
+
line-height: 17px;
|
|
348
|
+
font-weight: bold;
|
|
349
|
+
}
|
|
350
|
+
.fwe-color-picker .fwe-type-select .fwe-type-indicator:hover {
|
|
351
|
+
color: var(--fwe-hero);
|
|
352
|
+
}
|
|
353
|
+
.fwe-color-picker .fwe-type-select .fwe-icon-arrows-collapse {
|
|
354
|
+
margin-left: 16px;
|
|
355
|
+
line-height: 16px;
|
|
356
|
+
}
|
|
357
|
+
.fwe-color-picker .fwe-type-select .fwe-popover {
|
|
358
|
+
position: absolute;
|
|
359
|
+
z-index: 1;
|
|
360
|
+
top: 24px;
|
|
361
|
+
left: 0px;
|
|
362
|
+
}
|
|
363
|
+
.fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item {
|
|
364
|
+
cursor: pointer;
|
|
365
|
+
display: flex;
|
|
366
|
+
padding: 8px;
|
|
367
|
+
}
|
|
368
|
+
.fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item:hover {
|
|
369
|
+
color: var(--fwe-hero);
|
|
370
|
+
}
|
|
371
|
+
.fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item .fwe-icon-menu-check {
|
|
372
|
+
opacity: 0;
|
|
373
|
+
margin-right: 8px;
|
|
374
|
+
}
|
|
375
|
+
.fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item.fwe-selected {
|
|
376
|
+
cursor: default;
|
|
377
|
+
}
|
|
378
|
+
.fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item.fwe-selected .fwe-icon-menu-check {
|
|
379
|
+
opacity: 1;
|
|
380
|
+
}
|
|
381
|
+
.fwe-color-picker input::-webkit-outer-spin-button,
|
|
382
|
+
.fwe-color-picker input::-webkit-inner-spin-button {
|
|
383
|
+
-webkit-appearance: none;
|
|
384
|
+
margin: 0;
|
|
385
|
+
}
|
|
386
|
+
.fwe-color-picker input[type=number] {
|
|
387
|
+
-moz-appearance: textfield;
|
|
388
|
+
}
|
|
389
|
+
.fwe-color-picker input {
|
|
390
|
+
padding-right: 0px !important;
|
|
391
|
+
text-align: center;
|
|
392
|
+
}
|
|
393
|
+
.fwe-color-picker .fwe-hex-input {
|
|
394
|
+
width: 75px;
|
|
395
|
+
margin-right: 16px;
|
|
396
|
+
}
|
|
397
|
+
.fwe-color-picker .fwe-red-input {
|
|
398
|
+
width: 32px;
|
|
399
|
+
margin-right: 8px;
|
|
400
|
+
}
|
|
401
|
+
.fwe-color-picker .fwe-green-input {
|
|
402
|
+
width: 32px;
|
|
403
|
+
margin-right: 8px;
|
|
404
|
+
}
|
|
405
|
+
.fwe-color-picker .fwe-blue-input {
|
|
406
|
+
width: 32px;
|
|
407
|
+
}
|
|
408
|
+
.fwe-color-picker .fwe-alpha-input span input {
|
|
409
|
+
width: 48px;
|
|
410
|
+
padding-right: 16px !important;
|
|
411
|
+
}
|
|
412
|
+
.fwe-color-picker .fwe-alpha-input .fwe-percent-char {
|
|
413
|
+
margin-left: -16px;
|
|
414
|
+
}
|
|
415
|
+
.fwe-color-picker .fwe-color-grid {
|
|
416
|
+
display: flex;
|
|
417
|
+
flex-wrap: wrap;
|
|
418
|
+
margin-right: -8px;
|
|
419
|
+
margin-bottom: -8px;
|
|
420
|
+
}
|
|
421
|
+
.fwe-color-picker .fwe-color-grid .fwe-color-item {
|
|
422
|
+
align-items: center;
|
|
423
|
+
display: flex;
|
|
424
|
+
justify-content: center;
|
|
425
|
+
color: white;
|
|
426
|
+
height: 24px;
|
|
427
|
+
width: 24px;
|
|
428
|
+
border-radius: 4px;
|
|
429
|
+
margin-right: 8px;
|
|
430
|
+
margin-bottom: 8px;
|
|
431
|
+
}
|
|
432
|
+
.fwe-color-picker .fwe-color-grid .fwe-color-item.fwe-white-item {
|
|
433
|
+
border: 1px solid var(--fwe-control-border);
|
|
434
|
+
color: black;
|
|
435
|
+
}
|
|
436
|
+
.fwe-color-picker .fwe-color-grid .fwe-remove-color-button {
|
|
437
|
+
align-items: center;
|
|
438
|
+
display: flex;
|
|
439
|
+
justify-content: center;
|
|
440
|
+
height: 24px;
|
|
441
|
+
width: 24px;
|
|
442
|
+
border-radius: 4px;
|
|
443
|
+
border: 1px solid var(--fwe-control-border);
|
|
444
|
+
color: var(--fwe-control);
|
|
445
|
+
margin-right: 8px;
|
|
446
|
+
margin-bottom: 8px;
|
|
447
|
+
}
|
|
448
|
+
.fwe-color-picker .fwe-color-grid .fwe-remove-color-button .fwe-no-color-pattern {
|
|
449
|
+
margin: 2px;
|
|
450
|
+
}
|
|
451
|
+
.fwe-color-picker .fwe-color-grid .fwe-remove-color-button i {
|
|
452
|
+
color: transparent;
|
|
453
|
+
position: absolute;
|
|
454
|
+
}
|
|
455
|
+
.fwe-color-picker .fwe-knob {
|
|
456
|
+
position: absolute;
|
|
457
|
+
z-index: 1;
|
|
458
|
+
height: 14px;
|
|
459
|
+
width: 14px;
|
|
460
|
+
border-radius: 50%;
|
|
461
|
+
border: 2px solid white;
|
|
462
|
+
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
|
|
463
|
+
}
|
|
362
464
|
.fwe-border-hero {
|
|
363
|
-
border-color: var(--fwe-hero) !important;
|
|
465
|
+
border-color: var(--fwe-hero) !important;
|
|
466
|
+
}
|
|
364
467
|
|
|
365
468
|
.flatpickr-calendar:not(.open) {
|
|
366
|
-
display: none;
|
|
367
|
-
|
|
469
|
+
display: none;
|
|
470
|
+
}
|
|
368
471
|
.fwe-border-hero {
|
|
369
|
-
border-color: var(--fwe-hero) !important;
|
|
472
|
+
border-color: var(--fwe-hero) !important;
|
|
473
|
+
}
|
|
370
474
|
|
|
371
475
|
.fr-date-range-picker:hover input {
|
|
372
|
-
color: var(--fwe-hero);
|
|
373
|
-
|
|
476
|
+
color: var(--fwe-hero);
|
|
477
|
+
}
|
|
374
478
|
.fr-date-range-picker-inputs {
|
|
375
479
|
display: flex;
|
|
376
|
-
order: 2;
|
|
377
|
-
|
|
480
|
+
order: 2;
|
|
481
|
+
}
|
|
378
482
|
.fr-waiting-container {
|
|
379
483
|
width: 100%;
|
|
380
484
|
height: 100%;
|
|
381
485
|
display: flex;
|
|
382
486
|
flex-direction: column;
|
|
383
487
|
justify-content: center;
|
|
384
|
-
align-items: center;
|
|
488
|
+
align-items: center;
|
|
489
|
+
}
|
|
385
490
|
|
|
386
491
|
.fr-waiting-indicator {
|
|
387
|
-
margin-bottom: 16px;
|
|
388
|
-
|
|
492
|
+
margin-bottom: 16px;
|
|
493
|
+
}
|
|
389
494
|
.fwe-page-dot:focus {
|
|
390
495
|
background: var(--fwe-control-border-dark);
|
|
391
|
-
outline: 0;
|
|
392
|
-
|
|
496
|
+
outline: 0;
|
|
497
|
+
}
|
|
393
498
|
.fwe-tabs {
|
|
394
499
|
margin: 48px 0;
|
|
395
500
|
width: 100%;
|
|
396
|
-
height: 100%;
|
|
501
|
+
height: 100%;
|
|
502
|
+
}
|
|
397
503
|
|
|
398
504
|
.fwe-tab-bar {
|
|
399
505
|
display: flex;
|
|
@@ -403,30 +509,40 @@
|
|
|
403
509
|
margin-bottom: 0;
|
|
404
510
|
margin-top: 0;
|
|
405
511
|
list-style: none;
|
|
406
|
-
font-size: 16px;
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
512
|
+
font-size: 16px;
|
|
513
|
+
}
|
|
514
|
+
.fwe-tab-bar.fwe-tab-bar-full-width {
|
|
515
|
+
width: 100%;
|
|
516
|
+
}
|
|
517
|
+
.fwe-tab-bar.fwe-tab-items-fill .fwe-tab-item {
|
|
518
|
+
flex: 1 1 auto;
|
|
519
|
+
}
|
|
520
|
+
.fwe-tab-bar.fwe-tab-items-equal-width .fwe-tab-item {
|
|
521
|
+
flex: 1 1 0;
|
|
522
|
+
}
|
|
413
523
|
|
|
414
524
|
.fwe-tab-item {
|
|
415
525
|
height: 48px;
|
|
416
526
|
max-height: 48px;
|
|
417
527
|
background-color: var(--fwe-gray-300);
|
|
418
528
|
border-right: 2px solid var(--fwe-gray-100);
|
|
419
|
-
text-align: center;
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
529
|
+
text-align: center;
|
|
530
|
+
}
|
|
531
|
+
.fwe-tab-item:last-child {
|
|
532
|
+
border-right: none;
|
|
533
|
+
}
|
|
534
|
+
.fwe-tab-item.fwe-active {
|
|
535
|
+
background-color: var(--fwe-white);
|
|
536
|
+
}
|
|
537
|
+
.fwe-tab-item.fwe-active .fwe-tab-link {
|
|
538
|
+
color: var(--fwe-caerul);
|
|
539
|
+
}
|
|
540
|
+
.fwe-tab-item:not(.fwe-active) {
|
|
541
|
+
border-bottom: 2px solid var(--fwe-gray-100);
|
|
542
|
+
}
|
|
543
|
+
.fwe-tab-item:not(.fwe-active) .fwe-tab-link {
|
|
544
|
+
padding: 11px 16px;
|
|
545
|
+
}
|
|
430
546
|
|
|
431
547
|
.fwe-tab-link {
|
|
432
548
|
display: inline-block;
|
|
@@ -436,51 +552,67 @@
|
|
|
436
552
|
line-height: 24px;
|
|
437
553
|
cursor: pointer;
|
|
438
554
|
color: var(--fwe-black);
|
|
439
|
-
white-space: nowrap;
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
555
|
+
white-space: nowrap;
|
|
556
|
+
}
|
|
557
|
+
.fwe-tab-link i.fwe-icon {
|
|
558
|
+
padding-right: 8px;
|
|
559
|
+
vertical-align: initial;
|
|
560
|
+
}
|
|
561
|
+
.fwe-tab-link i.fwe-icon.fwe-icon-lg {
|
|
562
|
+
position: relative;
|
|
563
|
+
top: 3px;
|
|
564
|
+
}
|
|
565
|
+
.fwe-tab-link:hover {
|
|
566
|
+
color: var(--fwe-caerul);
|
|
567
|
+
}
|
|
568
|
+
.fwe-tab-link:active {
|
|
569
|
+
background-color: var(--fwe-white);
|
|
570
|
+
color: var(--fwe-caerul);
|
|
571
|
+
}
|
|
451
572
|
|
|
452
573
|
.fwe-tab-content {
|
|
453
574
|
padding: 48px 24px;
|
|
454
575
|
background-color: var(--fwe-white);
|
|
455
576
|
height: 100%;
|
|
456
|
-
overflow: auto;
|
|
577
|
+
overflow: auto;
|
|
578
|
+
}
|
|
457
579
|
|
|
458
580
|
@media (max-width: 375px) {
|
|
459
581
|
.fwe-tab-bar {
|
|
460
582
|
justify-content: space-between;
|
|
461
583
|
background-color: var(--fwe-white);
|
|
462
|
-
width: 100%;
|
|
584
|
+
width: 100%;
|
|
585
|
+
}
|
|
586
|
+
|
|
463
587
|
.fwe-tab-item {
|
|
464
588
|
background-color: var(--fwe-white);
|
|
465
|
-
border-right: 2px solid var(--fwe-white);
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
padding-right: 0; } }
|
|
589
|
+
border-right: 2px solid var(--fwe-white);
|
|
590
|
+
}
|
|
591
|
+
.fwe-tab-item:not(.fwe-active) {
|
|
592
|
+
border-bottom: 2px solid var(--fwe-white);
|
|
593
|
+
}
|
|
594
|
+
.fwe-tab-item:not(.fwe-active) .fwe-tab-link {
|
|
595
|
+
color: var(--fwe-icon-gray);
|
|
596
|
+
}
|
|
597
|
+
.fwe-tab-item:not(.fwe-active) .fwe-tab-link i.fwe-icon {
|
|
598
|
+
color: var(--fwe-icon-gray);
|
|
599
|
+
}
|
|
477
600
|
|
|
601
|
+
.fwe-tab-link.fwe-can-swap-icon {
|
|
602
|
+
direction: rtl;
|
|
603
|
+
}
|
|
604
|
+
.fwe-tab-link.fwe-can-swap-icon i.fwe-icon {
|
|
605
|
+
padding-left: 8px;
|
|
606
|
+
padding-right: 0;
|
|
607
|
+
}
|
|
608
|
+
}
|
|
478
609
|
.fr-show {
|
|
479
|
-
display: block;
|
|
610
|
+
display: block;
|
|
611
|
+
}
|
|
480
612
|
|
|
481
613
|
.fr-hide {
|
|
482
|
-
display: none;
|
|
483
|
-
|
|
614
|
+
display: none;
|
|
615
|
+
}
|
|
484
616
|
.fwe-checkbox-container {
|
|
485
617
|
font-family: "MetaPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
486
618
|
-webkit-user-select: none;
|
|
@@ -490,223 +622,280 @@
|
|
|
490
622
|
cursor: pointer;
|
|
491
623
|
display: flex;
|
|
492
624
|
flex-direction: row;
|
|
493
|
-
align-items: center;
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
625
|
+
align-items: center;
|
|
626
|
+
}
|
|
627
|
+
.fwe-checkbox-container.fwe-label-below {
|
|
628
|
+
flex-direction: column;
|
|
629
|
+
}
|
|
630
|
+
.fwe-checkbox-container.fwe-label-below .fwe-checkbox-title {
|
|
631
|
+
margin: 8px 0px 0px 0px;
|
|
632
|
+
}
|
|
633
|
+
.fwe-checkbox-container.fwe-label-before {
|
|
634
|
+
flex-direction: row-reverse;
|
|
635
|
+
justify-content: flex-end;
|
|
636
|
+
}
|
|
637
|
+
.fwe-checkbox-container.fwe-label-before .fwe-checkbox-title {
|
|
638
|
+
margin: 0px 8px 0px 0px;
|
|
639
|
+
}
|
|
640
|
+
.fwe-checkbox-container .fwe-checkbox-indicator-container {
|
|
641
|
+
position: relative;
|
|
642
|
+
}
|
|
643
|
+
.fwe-checkbox-container input {
|
|
644
|
+
opacity: 0;
|
|
645
|
+
cursor: pointer;
|
|
646
|
+
height: 0;
|
|
647
|
+
width: 0;
|
|
648
|
+
}
|
|
649
|
+
.fwe-checkbox-container .fwe-checkbox-title {
|
|
650
|
+
margin-left: 8px;
|
|
651
|
+
line-height: 24px;
|
|
652
|
+
color: var(--fwe-text);
|
|
653
|
+
-webkit-user-select: none;
|
|
654
|
+
-moz-user-select: none;
|
|
655
|
+
-ms-user-select: none;
|
|
656
|
+
user-select: none;
|
|
657
|
+
}
|
|
658
|
+
.fwe-checkbox-container .fwe-checkbox-indicator-background {
|
|
659
|
+
box-sizing: border-box;
|
|
660
|
+
background: var(--fwe-white);
|
|
661
|
+
border: 1px solid var(--fwe-text-light);
|
|
662
|
+
border-radius: 2px;
|
|
663
|
+
height: 16px;
|
|
664
|
+
width: 16px;
|
|
665
|
+
transition: border-width 0.2s ease-out;
|
|
666
|
+
}
|
|
667
|
+
.fwe-checkbox-container .fwe-indeterminate-indicator {
|
|
668
|
+
position: absolute;
|
|
669
|
+
height: 2px;
|
|
670
|
+
width: 10px;
|
|
671
|
+
top: 7px;
|
|
672
|
+
left: 3px;
|
|
673
|
+
background: white;
|
|
674
|
+
}
|
|
675
|
+
.fwe-checkbox-container svg {
|
|
676
|
+
display: block;
|
|
677
|
+
position: absolute;
|
|
678
|
+
top: 0px;
|
|
679
|
+
left: 0px;
|
|
680
|
+
}
|
|
681
|
+
.fwe-checkbox-container.fr-checkbox-large .fwe-checkbox-indicator-background {
|
|
682
|
+
height: 24px;
|
|
683
|
+
width: 24px;
|
|
684
|
+
border-radius: 4px;
|
|
685
|
+
}
|
|
686
|
+
.fwe-checkbox-container.fr-checkbox-large .fwe-indeterminate-indicator {
|
|
687
|
+
top: 11px;
|
|
688
|
+
width: 14px;
|
|
689
|
+
left: 5px;
|
|
690
|
+
}
|
|
691
|
+
.fwe-checkbox-container.fr-checkbox-large.fwe-checked .fwe-checkbox-indicator-background, .fwe-checkbox-container.fr-checkbox-large.fr-checkbox-indeterminate .fwe-checkbox-indicator-background {
|
|
692
|
+
border: 12px solid var(--fwe-hero);
|
|
693
|
+
}
|
|
694
|
+
.fwe-checkbox-container:hover .fwe-checkbox-indicator-background {
|
|
695
|
+
background-color: var(--fwe-control);
|
|
696
|
+
}
|
|
697
|
+
.fwe-checkbox-container:active .fwe-checkbox-indicator-background {
|
|
698
|
+
background-color: var(--fwe-control-dark);
|
|
699
|
+
}
|
|
700
|
+
.fwe-checkbox-container.fwe-checked .fwe-checkbox-indicator-background, .fwe-checkbox-container.fr-checkbox-indeterminate .fwe-checkbox-indicator-background {
|
|
701
|
+
border: 8px solid var(--fwe-hero);
|
|
702
|
+
}
|
|
703
|
+
.fwe-checkbox-container.fwe-checked:hover .fwe-checkbox-indicator-background, .fwe-checkbox-container.fr-checkbox-indeterminate:hover .fwe-checkbox-indicator-background {
|
|
704
|
+
border-color: var(--fwe-hero-dark);
|
|
705
|
+
}
|
|
706
|
+
.fwe-checkbox-container.fwe-checked:active .fwe-checkbox-indicator-background, .fwe-checkbox-container.fr-checkbox-indeterminate:active .fwe-checkbox-indicator-background {
|
|
707
|
+
border-color: var(--fwe-hero-darker);
|
|
708
|
+
}
|
|
709
|
+
.fwe-checkbox-container.fr-checkbox-invalid .fwe-checkbox-indicator-background {
|
|
710
|
+
border: 1px solid var(--fwe-red);
|
|
711
|
+
background: var(--fwe-white);
|
|
712
|
+
}
|
|
713
|
+
.fwe-checkbox-container.fwe-disabled {
|
|
714
|
+
cursor: default;
|
|
715
|
+
}
|
|
716
|
+
.fwe-checkbox-container.fwe-disabled .fwe-checkbox-indicator-background {
|
|
717
|
+
background-color: var(--fwe-white);
|
|
718
|
+
border: 1px solid var(--fwe-control);
|
|
719
|
+
}
|
|
720
|
+
.fwe-checkbox-container.fwe-disabled.fwe-checked .fwe-checkbox-indicator-background {
|
|
721
|
+
background-color: var(--fwe-control);
|
|
722
|
+
border: 1px solid var(--fwe-control);
|
|
723
|
+
}
|
|
724
|
+
.fwe-checkbox-container.fwe-disabled.fr-checkbox-indeterminate .fwe-checkbox-indicator-background {
|
|
725
|
+
background-color: var(--fwe-control);
|
|
726
|
+
border: 1px solid var(--fwe-control);
|
|
727
|
+
}
|
|
728
|
+
.fwe-checkbox-container.fwe-disabled.fr-checkbox-invalid .fwe-checkbox-indicator-background {
|
|
729
|
+
background-color: var(--fwe-white);
|
|
730
|
+
border: 1px solid var(--fwe-control);
|
|
731
|
+
}
|
|
732
|
+
.fwe-checkbox-container.fwe-disabled .fwe-checkbox-title {
|
|
733
|
+
color: var(--fwe-text-disabled);
|
|
734
|
+
}
|
|
578
735
|
.fwe-select-wrapper {
|
|
579
|
-
min-width:
|
|
580
|
-
width: 100%;
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
736
|
+
min-width: 48px;
|
|
737
|
+
width: 100%;
|
|
738
|
+
}
|
|
739
|
+
.fwe-select-wrapper select {
|
|
740
|
+
display: none;
|
|
741
|
+
}
|
|
742
|
+
.fwe-select-wrapper.fwe-disabled::before {
|
|
743
|
+
color: var(--fwe-text-disabled);
|
|
744
|
+
}
|
|
745
|
+
.fwe-select-wrapper .fwe-select {
|
|
746
|
+
cursor: pointer;
|
|
747
|
+
}
|
|
748
|
+
.fwe-select-wrapper .fwe-select .fwe-select-content {
|
|
749
|
+
padding-right: 24px;
|
|
750
|
+
white-space: nowrap;
|
|
751
|
+
overflow: hidden;
|
|
752
|
+
text-overflow: ellipsis;
|
|
753
|
+
line-height: 1.5rem;
|
|
754
|
+
}
|
|
755
|
+
.fwe-select-wrapper .fwe-select.fwe-required:not(.fwe-disabled) ~ .fwe-select-label::after {
|
|
756
|
+
position: relative;
|
|
757
|
+
left: 3px;
|
|
758
|
+
display: inline-block;
|
|
759
|
+
content: "*";
|
|
760
|
+
}
|
|
761
|
+
.fwe-select-wrapper .fwe-select.fwe-required:not(.fwe-disabled):not(.fwe-invalid) ~ .fwe-select-valid {
|
|
762
|
+
display: block;
|
|
763
|
+
}
|
|
764
|
+
.fwe-select-wrapper .fwe-select:focus:not(:disabled) {
|
|
765
|
+
color: var(--fwe-hero);
|
|
766
|
+
border-color: var(--fwe-hero);
|
|
767
|
+
}
|
|
768
|
+
.fwe-select-wrapper .fwe-select:focus:not(:disabled) option {
|
|
769
|
+
color: var(--fwe-text);
|
|
770
|
+
}
|
|
771
|
+
.fwe-select-wrapper .fwe-select:focus:invalid {
|
|
772
|
+
border-color: var(--fwe-red);
|
|
773
|
+
}
|
|
774
|
+
.fwe-select-wrapper .fwe-select.fwe-disabled {
|
|
775
|
+
cursor: default;
|
|
776
|
+
border-color: var(--fwe-control-disabled) !important;
|
|
777
|
+
}
|
|
778
|
+
.fwe-select-wrapper .fwe-select.fwe-disabled ~ .fwe-select-label {
|
|
779
|
+
color: var(--fwe-text-disabled);
|
|
780
|
+
}
|
|
781
|
+
.fwe-select-wrapper .fwe-select.fwe-disabled .fwe-select-content {
|
|
782
|
+
color: var(--fwe-text-disabled);
|
|
783
|
+
}
|
|
784
|
+
.fwe-select-wrapper .fwe-select-options-container {
|
|
785
|
+
font-size: 16px;
|
|
786
|
+
position: absolute;
|
|
787
|
+
top: 56px;
|
|
788
|
+
left: 0px;
|
|
789
|
+
z-index: 500;
|
|
790
|
+
background-color: var(--fwe-white);
|
|
791
|
+
border-radius: 4px;
|
|
792
|
+
width: 100%;
|
|
793
|
+
padding: 8px 8px;
|
|
794
|
+
margin: 0;
|
|
795
|
+
border: 1px solid var(--fwe-gray-200);
|
|
796
|
+
box-shadow: 0px 1px 4px #00000029;
|
|
797
|
+
list-style: none;
|
|
798
|
+
}
|
|
799
|
+
.fwe-select-wrapper .fwe-select-options-container .fwe-select-option {
|
|
800
|
+
position: relative;
|
|
801
|
+
line-height: 24px;
|
|
802
|
+
padding: 12px 8px;
|
|
803
|
+
min-height: 24px;
|
|
804
|
+
cursor: pointer;
|
|
805
|
+
}
|
|
806
|
+
.fwe-select-wrapper .fwe-select-options-container .fwe-select-option:hover, .fwe-select-wrapper .fwe-select-options-container .fwe-select-option:focus {
|
|
807
|
+
background-color: var(--fwe-gray-100);
|
|
808
|
+
outline: none;
|
|
809
|
+
}
|
|
810
|
+
.fwe-select-wrapper .fwe-select-options-container .fwe-select-option:last-child {
|
|
811
|
+
border-bottom: none;
|
|
812
|
+
}
|
|
813
|
+
.fwe-select-wrapper .fwe-select-options-container .fwe-select-option .fwe-select-option-content {
|
|
814
|
+
display: block;
|
|
815
|
+
white-space: nowrap;
|
|
816
|
+
overflow: hidden;
|
|
817
|
+
text-overflow: ellipsis;
|
|
818
|
+
width: 95%;
|
|
819
|
+
line-height: 24px;
|
|
820
|
+
min-height: 24px;
|
|
821
|
+
}
|
|
822
|
+
.fwe-select-wrapper .fwe-select-label:empty ~ .fwe-select-options-container {
|
|
823
|
+
top: 40px;
|
|
824
|
+
}
|
|
825
|
+
.fwe-select-wrapper .fwe-select.invalid.fwe-select:hover {
|
|
826
|
+
border-color: var(--fwe-red);
|
|
827
|
+
}
|
|
828
|
+
.fwe-select-wrapper .fwe-select.invalid.fwe-select.fwe-required ~ .fwe-select-invalid {
|
|
829
|
+
display: block;
|
|
830
|
+
}
|
|
831
|
+
.fwe-select-wrapper .fwe-select.invalid.fwe-select.fwe-required ~ .fwe-select-description {
|
|
832
|
+
display: none;
|
|
833
|
+
}
|
|
656
834
|
label.fwe-slider {
|
|
657
835
|
display: block;
|
|
658
836
|
height: 56px;
|
|
659
|
-
position: relative;
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
837
|
+
position: relative;
|
|
838
|
+
}
|
|
839
|
+
label.fwe-slider.fr-slider-label {
|
|
840
|
+
height: 83px;
|
|
841
|
+
}
|
|
842
|
+
label.fwe-slider .fr-slider-value {
|
|
843
|
+
color: var(--fwe-text);
|
|
844
|
+
font-size: 16px;
|
|
845
|
+
margin-bottom: 0px;
|
|
846
|
+
position: absolute;
|
|
847
|
+
bottom: 0px;
|
|
848
|
+
-webkit-user-select: none;
|
|
849
|
+
-moz-user-select: none;
|
|
850
|
+
-ms-user-select: none;
|
|
851
|
+
user-select: none;
|
|
852
|
+
}
|
|
673
853
|
.fr-snackbar-wrapper {
|
|
674
854
|
margin-bottom: 24px;
|
|
675
855
|
height: 48px;
|
|
676
856
|
opacity: 1;
|
|
677
|
-
opacity: 0;
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
857
|
+
opacity: 0;
|
|
858
|
+
}
|
|
859
|
+
.fr-snackbar-wrapper-enter-done {
|
|
860
|
+
transition: opacity 600ms ease-out;
|
|
861
|
+
opacity: 1;
|
|
862
|
+
}
|
|
863
|
+
.fr-snackbar-wrapper-exit {
|
|
864
|
+
opacity: 1;
|
|
865
|
+
}
|
|
866
|
+
.fr-snackbar-wrapper-exit-active {
|
|
867
|
+
transition: height 300ms ease-out 300ms, opacity 300ms ease-out, margin-bottom 300ms ease-out 300ms;
|
|
868
|
+
height: 0;
|
|
869
|
+
margin-bottom: 0;
|
|
870
|
+
opacity: 0;
|
|
871
|
+
}
|
|
688
872
|
|
|
689
873
|
.fr-snackbar-wrapper--first {
|
|
690
874
|
transform: translateY(100px);
|
|
691
875
|
margin-bottom: 24px;
|
|
692
876
|
height: 48px;
|
|
693
|
-
opacity: 1;
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
877
|
+
opacity: 1;
|
|
878
|
+
}
|
|
879
|
+
.fr-snackbar-wrapper--first-enter-done {
|
|
880
|
+
transition: opacity 600ms ease-out;
|
|
881
|
+
opacity: 1;
|
|
882
|
+
}
|
|
883
|
+
.fr-snackbar-wrapper--first-exit {
|
|
884
|
+
opacity: 1;
|
|
885
|
+
}
|
|
886
|
+
.fr-snackbar-wrapper--first-exit-active {
|
|
887
|
+
transition: height 300ms ease-out 300ms, opacity 300ms ease-out, margin-bottom 300ms ease-out 300ms;
|
|
888
|
+
height: 0;
|
|
889
|
+
margin-bottom: 0;
|
|
890
|
+
opacity: 0;
|
|
891
|
+
}
|
|
892
|
+
.fr-snackbar-wrapper--first-enter-done {
|
|
893
|
+
transition: transform 600ms ease-out;
|
|
894
|
+
transform: translateY(0px);
|
|
895
|
+
}
|
|
896
|
+
.fr-snackbar-wrapper--first-exit-active {
|
|
897
|
+
transform: translateY(0px);
|
|
898
|
+
}
|
|
710
899
|
label.fwe-input-text .fwe-input-text-count {
|
|
711
900
|
display: block;
|
|
712
901
|
line-height: 1.5;
|
|
@@ -714,8 +903,12 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
714
903
|
right: 0px;
|
|
715
904
|
bottom: 0px;
|
|
716
905
|
color: var(--fwe-text-disabled);
|
|
717
|
-
font-size: 12px;
|
|
718
|
-
|
|
906
|
+
font-size: 12px;
|
|
907
|
+
}
|
|
908
|
+
label.fwe-input-text .fr-textarea {
|
|
909
|
+
overflow: visible;
|
|
910
|
+
}
|
|
911
|
+
@charset "UTF-8";
|
|
719
912
|
/*!
|
|
720
913
|
* Quill Editor v1.3.7
|
|
721
914
|
* https://quilljs.com/
|
|
@@ -728,24 +921,29 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
728
921
|
font-size: 13px;
|
|
729
922
|
height: 100%;
|
|
730
923
|
margin: 0px;
|
|
731
|
-
position: relative;
|
|
924
|
+
position: relative;
|
|
925
|
+
}
|
|
732
926
|
|
|
733
927
|
.ql-container.ql-disabled .ql-tooltip {
|
|
734
|
-
visibility: hidden;
|
|
928
|
+
visibility: hidden;
|
|
929
|
+
}
|
|
735
930
|
|
|
736
931
|
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
|
|
737
|
-
pointer-events: none;
|
|
932
|
+
pointer-events: none;
|
|
933
|
+
}
|
|
738
934
|
|
|
739
935
|
.ql-clipboard {
|
|
740
936
|
left: -100000px;
|
|
741
937
|
height: 1px;
|
|
742
938
|
overflow-y: hidden;
|
|
743
939
|
position: absolute;
|
|
744
|
-
top: 50%;
|
|
940
|
+
top: 50%;
|
|
941
|
+
}
|
|
745
942
|
|
|
746
943
|
.ql-clipboard p {
|
|
747
944
|
margin: 0;
|
|
748
|
-
padding: 0;
|
|
945
|
+
padding: 0;
|
|
946
|
+
}
|
|
749
947
|
|
|
750
948
|
.ql-editor {
|
|
751
949
|
box-sizing: border-box;
|
|
@@ -759,10 +957,12 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
759
957
|
-moz-tab-size: 4;
|
|
760
958
|
text-align: left;
|
|
761
959
|
white-space: pre-wrap;
|
|
762
|
-
word-wrap: break-word;
|
|
960
|
+
word-wrap: break-word;
|
|
961
|
+
}
|
|
763
962
|
|
|
764
963
|
.ql-editor > * {
|
|
765
|
-
cursor: text;
|
|
964
|
+
cursor: text;
|
|
965
|
+
}
|
|
766
966
|
|
|
767
967
|
.ql-editor p,
|
|
768
968
|
.ql-editor ol,
|
|
@@ -777,333 +977,437 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
777
977
|
.ql-editor h6 {
|
|
778
978
|
margin: 0;
|
|
779
979
|
padding: 0;
|
|
780
|
-
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
980
|
+
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
981
|
+
}
|
|
781
982
|
|
|
782
983
|
.ql-editor ol,
|
|
783
984
|
.ql-editor ul {
|
|
784
|
-
padding-left: 1.5em;
|
|
985
|
+
padding-left: 1.5em;
|
|
986
|
+
}
|
|
785
987
|
|
|
786
988
|
.ql-editor ol > li,
|
|
787
989
|
.ql-editor ul > li {
|
|
788
|
-
list-style-type: none;
|
|
990
|
+
list-style-type: none;
|
|
991
|
+
}
|
|
789
992
|
|
|
790
993
|
.ql-editor ul > li::before {
|
|
791
|
-
content:
|
|
994
|
+
content: "•";
|
|
995
|
+
}
|
|
792
996
|
|
|
793
997
|
.ql-editor ul[data-checked=true],
|
|
794
998
|
.ql-editor ul[data-checked=false] {
|
|
795
|
-
pointer-events: none;
|
|
999
|
+
pointer-events: none;
|
|
1000
|
+
}
|
|
796
1001
|
|
|
797
1002
|
.ql-editor ul[data-checked=true] > li *,
|
|
798
1003
|
.ql-editor ul[data-checked=false] > li * {
|
|
799
|
-
pointer-events: all;
|
|
1004
|
+
pointer-events: all;
|
|
1005
|
+
}
|
|
800
1006
|
|
|
801
1007
|
.ql-editor ul[data-checked=true] > li::before,
|
|
802
1008
|
.ql-editor ul[data-checked=false] > li::before {
|
|
803
1009
|
color: #777;
|
|
804
1010
|
cursor: pointer;
|
|
805
|
-
pointer-events: all;
|
|
1011
|
+
pointer-events: all;
|
|
1012
|
+
}
|
|
806
1013
|
|
|
807
1014
|
.ql-editor ul[data-checked=true] > li::before {
|
|
808
|
-
content:
|
|
1015
|
+
content: "☑";
|
|
1016
|
+
}
|
|
809
1017
|
|
|
810
1018
|
.ql-editor ul[data-checked=false] > li::before {
|
|
811
|
-
content:
|
|
1019
|
+
content: "☐";
|
|
1020
|
+
}
|
|
812
1021
|
|
|
813
1022
|
.ql-editor li::before {
|
|
814
1023
|
display: inline-block;
|
|
815
1024
|
white-space: nowrap;
|
|
816
|
-
width: 1.2em;
|
|
1025
|
+
width: 1.2em;
|
|
1026
|
+
}
|
|
817
1027
|
|
|
818
1028
|
.ql-editor li:not(.ql-direction-rtl)::before {
|
|
819
1029
|
margin-left: -1.5em;
|
|
820
1030
|
margin-right: 0.3em;
|
|
821
|
-
text-align: right;
|
|
1031
|
+
text-align: right;
|
|
1032
|
+
}
|
|
822
1033
|
|
|
823
1034
|
.ql-editor li.ql-direction-rtl::before {
|
|
824
1035
|
margin-left: 0.3em;
|
|
825
|
-
margin-right: -1.5em;
|
|
1036
|
+
margin-right: -1.5em;
|
|
1037
|
+
}
|
|
826
1038
|
|
|
827
1039
|
.ql-editor ol li:not(.ql-direction-rtl),
|
|
828
1040
|
.ql-editor ul li:not(.ql-direction-rtl) {
|
|
829
|
-
padding-left: 1.5em;
|
|
1041
|
+
padding-left: 1.5em;
|
|
1042
|
+
}
|
|
830
1043
|
|
|
831
1044
|
.ql-editor ol li.ql-direction-rtl,
|
|
832
1045
|
.ql-editor ul li.ql-direction-rtl {
|
|
833
|
-
padding-right: 1.5em;
|
|
1046
|
+
padding-right: 1.5em;
|
|
1047
|
+
}
|
|
834
1048
|
|
|
835
1049
|
.ql-editor ol li {
|
|
836
1050
|
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
837
|
-
counter-increment: list-0;
|
|
1051
|
+
counter-increment: list-0;
|
|
1052
|
+
}
|
|
838
1053
|
|
|
839
1054
|
.ql-editor ol li:before {
|
|
840
|
-
content: counter(list-0, decimal) ". ";
|
|
1055
|
+
content: counter(list-0, decimal) ". ";
|
|
1056
|
+
}
|
|
841
1057
|
|
|
842
1058
|
.ql-editor ol li.ql-indent-1 {
|
|
843
|
-
counter-increment: list-1;
|
|
1059
|
+
counter-increment: list-1;
|
|
1060
|
+
}
|
|
844
1061
|
|
|
845
1062
|
.ql-editor ol li.ql-indent-1:before {
|
|
846
|
-
content: counter(list-1, lower-alpha) ". ";
|
|
1063
|
+
content: counter(list-1, lower-alpha) ". ";
|
|
1064
|
+
}
|
|
847
1065
|
|
|
848
1066
|
.ql-editor ol li.ql-indent-1 {
|
|
849
|
-
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1067
|
+
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1068
|
+
}
|
|
850
1069
|
|
|
851
1070
|
.ql-editor ol li.ql-indent-2 {
|
|
852
|
-
counter-increment: list-2;
|
|
1071
|
+
counter-increment: list-2;
|
|
1072
|
+
}
|
|
853
1073
|
|
|
854
1074
|
.ql-editor ol li.ql-indent-2:before {
|
|
855
|
-
content: counter(list-2, lower-roman) ". ";
|
|
1075
|
+
content: counter(list-2, lower-roman) ". ";
|
|
1076
|
+
}
|
|
856
1077
|
|
|
857
1078
|
.ql-editor ol li.ql-indent-2 {
|
|
858
|
-
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1079
|
+
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1080
|
+
}
|
|
859
1081
|
|
|
860
1082
|
.ql-editor ol li.ql-indent-3 {
|
|
861
|
-
counter-increment: list-3;
|
|
1083
|
+
counter-increment: list-3;
|
|
1084
|
+
}
|
|
862
1085
|
|
|
863
1086
|
.ql-editor ol li.ql-indent-3:before {
|
|
864
|
-
content: counter(list-3, decimal) ". ";
|
|
1087
|
+
content: counter(list-3, decimal) ". ";
|
|
1088
|
+
}
|
|
865
1089
|
|
|
866
1090
|
.ql-editor ol li.ql-indent-3 {
|
|
867
|
-
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1091
|
+
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1092
|
+
}
|
|
868
1093
|
|
|
869
1094
|
.ql-editor ol li.ql-indent-4 {
|
|
870
|
-
counter-increment: list-4;
|
|
1095
|
+
counter-increment: list-4;
|
|
1096
|
+
}
|
|
871
1097
|
|
|
872
1098
|
.ql-editor ol li.ql-indent-4:before {
|
|
873
|
-
content: counter(list-4, lower-alpha) ". ";
|
|
1099
|
+
content: counter(list-4, lower-alpha) ". ";
|
|
1100
|
+
}
|
|
874
1101
|
|
|
875
1102
|
.ql-editor ol li.ql-indent-4 {
|
|
876
|
-
counter-reset: list-5 list-6 list-7 list-8 list-9;
|
|
1103
|
+
counter-reset: list-5 list-6 list-7 list-8 list-9;
|
|
1104
|
+
}
|
|
877
1105
|
|
|
878
1106
|
.ql-editor ol li.ql-indent-5 {
|
|
879
|
-
counter-increment: list-5;
|
|
1107
|
+
counter-increment: list-5;
|
|
1108
|
+
}
|
|
880
1109
|
|
|
881
1110
|
.ql-editor ol li.ql-indent-5:before {
|
|
882
|
-
content: counter(list-5, lower-roman) ". ";
|
|
1111
|
+
content: counter(list-5, lower-roman) ". ";
|
|
1112
|
+
}
|
|
883
1113
|
|
|
884
1114
|
.ql-editor ol li.ql-indent-5 {
|
|
885
|
-
counter-reset: list-6 list-7 list-8 list-9;
|
|
1115
|
+
counter-reset: list-6 list-7 list-8 list-9;
|
|
1116
|
+
}
|
|
886
1117
|
|
|
887
1118
|
.ql-editor ol li.ql-indent-6 {
|
|
888
|
-
counter-increment: list-6;
|
|
1119
|
+
counter-increment: list-6;
|
|
1120
|
+
}
|
|
889
1121
|
|
|
890
1122
|
.ql-editor ol li.ql-indent-6:before {
|
|
891
|
-
content: counter(list-6, decimal) ". ";
|
|
1123
|
+
content: counter(list-6, decimal) ". ";
|
|
1124
|
+
}
|
|
892
1125
|
|
|
893
1126
|
.ql-editor ol li.ql-indent-6 {
|
|
894
|
-
counter-reset: list-7 list-8 list-9;
|
|
1127
|
+
counter-reset: list-7 list-8 list-9;
|
|
1128
|
+
}
|
|
895
1129
|
|
|
896
1130
|
.ql-editor ol li.ql-indent-7 {
|
|
897
|
-
counter-increment: list-7;
|
|
1131
|
+
counter-increment: list-7;
|
|
1132
|
+
}
|
|
898
1133
|
|
|
899
1134
|
.ql-editor ol li.ql-indent-7:before {
|
|
900
|
-
content: counter(list-7, lower-alpha) ". ";
|
|
1135
|
+
content: counter(list-7, lower-alpha) ". ";
|
|
1136
|
+
}
|
|
901
1137
|
|
|
902
1138
|
.ql-editor ol li.ql-indent-7 {
|
|
903
|
-
counter-reset: list-8 list-9;
|
|
1139
|
+
counter-reset: list-8 list-9;
|
|
1140
|
+
}
|
|
904
1141
|
|
|
905
1142
|
.ql-editor ol li.ql-indent-8 {
|
|
906
|
-
counter-increment: list-8;
|
|
1143
|
+
counter-increment: list-8;
|
|
1144
|
+
}
|
|
907
1145
|
|
|
908
1146
|
.ql-editor ol li.ql-indent-8:before {
|
|
909
|
-
content: counter(list-8, lower-roman) ". ";
|
|
1147
|
+
content: counter(list-8, lower-roman) ". ";
|
|
1148
|
+
}
|
|
910
1149
|
|
|
911
1150
|
.ql-editor ol li.ql-indent-8 {
|
|
912
|
-
counter-reset: list-9;
|
|
1151
|
+
counter-reset: list-9;
|
|
1152
|
+
}
|
|
913
1153
|
|
|
914
1154
|
.ql-editor ol li.ql-indent-9 {
|
|
915
|
-
counter-increment: list-9;
|
|
1155
|
+
counter-increment: list-9;
|
|
1156
|
+
}
|
|
916
1157
|
|
|
917
1158
|
.ql-editor ol li.ql-indent-9:before {
|
|
918
|
-
content: counter(list-9, decimal) ". ";
|
|
1159
|
+
content: counter(list-9, decimal) ". ";
|
|
1160
|
+
}
|
|
919
1161
|
|
|
920
1162
|
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
|
|
921
|
-
padding-left: 3em;
|
|
1163
|
+
padding-left: 3em;
|
|
1164
|
+
}
|
|
922
1165
|
|
|
923
1166
|
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
|
|
924
|
-
padding-left: 4.5em;
|
|
1167
|
+
padding-left: 4.5em;
|
|
1168
|
+
}
|
|
925
1169
|
|
|
926
1170
|
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
|
|
927
|
-
padding-right: 3em;
|
|
1171
|
+
padding-right: 3em;
|
|
1172
|
+
}
|
|
928
1173
|
|
|
929
1174
|
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
|
|
930
|
-
padding-right: 4.5em;
|
|
1175
|
+
padding-right: 4.5em;
|
|
1176
|
+
}
|
|
931
1177
|
|
|
932
1178
|
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
|
|
933
|
-
padding-left: 6em;
|
|
1179
|
+
padding-left: 6em;
|
|
1180
|
+
}
|
|
934
1181
|
|
|
935
1182
|
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
|
|
936
|
-
padding-left: 7.5em;
|
|
1183
|
+
padding-left: 7.5em;
|
|
1184
|
+
}
|
|
937
1185
|
|
|
938
1186
|
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
|
|
939
|
-
padding-right: 6em;
|
|
1187
|
+
padding-right: 6em;
|
|
1188
|
+
}
|
|
940
1189
|
|
|
941
1190
|
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
|
|
942
|
-
padding-right: 7.5em;
|
|
1191
|
+
padding-right: 7.5em;
|
|
1192
|
+
}
|
|
943
1193
|
|
|
944
1194
|
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
|
|
945
|
-
padding-left: 9em;
|
|
1195
|
+
padding-left: 9em;
|
|
1196
|
+
}
|
|
946
1197
|
|
|
947
1198
|
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
|
|
948
|
-
padding-left: 10.5em;
|
|
1199
|
+
padding-left: 10.5em;
|
|
1200
|
+
}
|
|
949
1201
|
|
|
950
1202
|
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
|
|
951
|
-
padding-right: 9em;
|
|
1203
|
+
padding-right: 9em;
|
|
1204
|
+
}
|
|
952
1205
|
|
|
953
1206
|
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
|
|
954
|
-
padding-right: 10.5em;
|
|
1207
|
+
padding-right: 10.5em;
|
|
1208
|
+
}
|
|
955
1209
|
|
|
956
1210
|
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
|
|
957
|
-
padding-left: 12em;
|
|
1211
|
+
padding-left: 12em;
|
|
1212
|
+
}
|
|
958
1213
|
|
|
959
1214
|
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
|
|
960
|
-
padding-left: 13.5em;
|
|
1215
|
+
padding-left: 13.5em;
|
|
1216
|
+
}
|
|
961
1217
|
|
|
962
1218
|
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
|
|
963
|
-
padding-right: 12em;
|
|
1219
|
+
padding-right: 12em;
|
|
1220
|
+
}
|
|
964
1221
|
|
|
965
1222
|
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
|
|
966
|
-
padding-right: 13.5em;
|
|
1223
|
+
padding-right: 13.5em;
|
|
1224
|
+
}
|
|
967
1225
|
|
|
968
1226
|
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
|
|
969
|
-
padding-left: 15em;
|
|
1227
|
+
padding-left: 15em;
|
|
1228
|
+
}
|
|
970
1229
|
|
|
971
1230
|
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
|
|
972
|
-
padding-left: 16.5em;
|
|
1231
|
+
padding-left: 16.5em;
|
|
1232
|
+
}
|
|
973
1233
|
|
|
974
1234
|
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
|
|
975
|
-
padding-right: 15em;
|
|
1235
|
+
padding-right: 15em;
|
|
1236
|
+
}
|
|
976
1237
|
|
|
977
1238
|
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
|
|
978
|
-
padding-right: 16.5em;
|
|
1239
|
+
padding-right: 16.5em;
|
|
1240
|
+
}
|
|
979
1241
|
|
|
980
1242
|
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
|
|
981
|
-
padding-left: 18em;
|
|
1243
|
+
padding-left: 18em;
|
|
1244
|
+
}
|
|
982
1245
|
|
|
983
1246
|
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
|
|
984
|
-
padding-left: 19.5em;
|
|
1247
|
+
padding-left: 19.5em;
|
|
1248
|
+
}
|
|
985
1249
|
|
|
986
1250
|
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
|
|
987
|
-
padding-right: 18em;
|
|
1251
|
+
padding-right: 18em;
|
|
1252
|
+
}
|
|
988
1253
|
|
|
989
1254
|
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
|
|
990
|
-
padding-right: 19.5em;
|
|
1255
|
+
padding-right: 19.5em;
|
|
1256
|
+
}
|
|
991
1257
|
|
|
992
1258
|
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
|
|
993
|
-
padding-left: 21em;
|
|
1259
|
+
padding-left: 21em;
|
|
1260
|
+
}
|
|
994
1261
|
|
|
995
1262
|
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
|
|
996
|
-
padding-left: 22.5em;
|
|
1263
|
+
padding-left: 22.5em;
|
|
1264
|
+
}
|
|
997
1265
|
|
|
998
1266
|
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
|
|
999
|
-
padding-right: 21em;
|
|
1267
|
+
padding-right: 21em;
|
|
1268
|
+
}
|
|
1000
1269
|
|
|
1001
1270
|
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
|
|
1002
|
-
padding-right: 22.5em;
|
|
1271
|
+
padding-right: 22.5em;
|
|
1272
|
+
}
|
|
1003
1273
|
|
|
1004
1274
|
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
|
|
1005
|
-
padding-left: 24em;
|
|
1275
|
+
padding-left: 24em;
|
|
1276
|
+
}
|
|
1006
1277
|
|
|
1007
1278
|
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
|
|
1008
|
-
padding-left: 25.5em;
|
|
1279
|
+
padding-left: 25.5em;
|
|
1280
|
+
}
|
|
1009
1281
|
|
|
1010
1282
|
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
|
|
1011
|
-
padding-right: 24em;
|
|
1283
|
+
padding-right: 24em;
|
|
1284
|
+
}
|
|
1012
1285
|
|
|
1013
1286
|
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
|
|
1014
|
-
padding-right: 25.5em;
|
|
1287
|
+
padding-right: 25.5em;
|
|
1288
|
+
}
|
|
1015
1289
|
|
|
1016
1290
|
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
|
|
1017
|
-
padding-left: 27em;
|
|
1291
|
+
padding-left: 27em;
|
|
1292
|
+
}
|
|
1018
1293
|
|
|
1019
1294
|
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
|
|
1020
|
-
padding-left: 28.5em;
|
|
1295
|
+
padding-left: 28.5em;
|
|
1296
|
+
}
|
|
1021
1297
|
|
|
1022
1298
|
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
|
|
1023
|
-
padding-right: 27em;
|
|
1299
|
+
padding-right: 27em;
|
|
1300
|
+
}
|
|
1024
1301
|
|
|
1025
1302
|
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
|
|
1026
|
-
padding-right: 28.5em;
|
|
1303
|
+
padding-right: 28.5em;
|
|
1304
|
+
}
|
|
1027
1305
|
|
|
1028
1306
|
.ql-editor .ql-video {
|
|
1029
1307
|
display: block;
|
|
1030
|
-
max-width: 100%;
|
|
1308
|
+
max-width: 100%;
|
|
1309
|
+
}
|
|
1031
1310
|
|
|
1032
1311
|
.ql-editor .ql-video.ql-align-center {
|
|
1033
|
-
margin: 0 auto;
|
|
1312
|
+
margin: 0 auto;
|
|
1313
|
+
}
|
|
1034
1314
|
|
|
1035
1315
|
.ql-editor .ql-video.ql-align-right {
|
|
1036
|
-
margin: 0 0 0 auto;
|
|
1316
|
+
margin: 0 0 0 auto;
|
|
1317
|
+
}
|
|
1037
1318
|
|
|
1038
1319
|
.ql-editor .ql-bg-black {
|
|
1039
|
-
background-color: #000;
|
|
1320
|
+
background-color: #000;
|
|
1321
|
+
}
|
|
1040
1322
|
|
|
1041
1323
|
.ql-editor .ql-bg-red {
|
|
1042
|
-
background-color: #e60000;
|
|
1324
|
+
background-color: #e60000;
|
|
1325
|
+
}
|
|
1043
1326
|
|
|
1044
1327
|
.ql-editor .ql-bg-orange {
|
|
1045
|
-
background-color: #f90;
|
|
1328
|
+
background-color: #f90;
|
|
1329
|
+
}
|
|
1046
1330
|
|
|
1047
1331
|
.ql-editor .ql-bg-yellow {
|
|
1048
|
-
background-color: #ff0;
|
|
1332
|
+
background-color: #ff0;
|
|
1333
|
+
}
|
|
1049
1334
|
|
|
1050
1335
|
.ql-editor .ql-bg-green {
|
|
1051
|
-
background-color: #008a00;
|
|
1336
|
+
background-color: #008a00;
|
|
1337
|
+
}
|
|
1052
1338
|
|
|
1053
1339
|
.ql-editor .ql-bg-blue {
|
|
1054
|
-
background-color: #06c;
|
|
1340
|
+
background-color: #06c;
|
|
1341
|
+
}
|
|
1055
1342
|
|
|
1056
1343
|
.ql-editor .ql-bg-purple {
|
|
1057
|
-
background-color: #93f;
|
|
1344
|
+
background-color: #93f;
|
|
1345
|
+
}
|
|
1058
1346
|
|
|
1059
1347
|
.ql-editor .ql-color-white {
|
|
1060
|
-
color: #fff;
|
|
1348
|
+
color: #fff;
|
|
1349
|
+
}
|
|
1061
1350
|
|
|
1062
1351
|
.ql-editor .ql-color-red {
|
|
1063
|
-
color: #e60000;
|
|
1352
|
+
color: #e60000;
|
|
1353
|
+
}
|
|
1064
1354
|
|
|
1065
1355
|
.ql-editor .ql-color-orange {
|
|
1066
|
-
color: #f90;
|
|
1356
|
+
color: #f90;
|
|
1357
|
+
}
|
|
1067
1358
|
|
|
1068
1359
|
.ql-editor .ql-color-yellow {
|
|
1069
|
-
color: #ff0;
|
|
1360
|
+
color: #ff0;
|
|
1361
|
+
}
|
|
1070
1362
|
|
|
1071
1363
|
.ql-editor .ql-color-green {
|
|
1072
|
-
color: #008a00;
|
|
1364
|
+
color: #008a00;
|
|
1365
|
+
}
|
|
1073
1366
|
|
|
1074
1367
|
.ql-editor .ql-color-blue {
|
|
1075
|
-
color: #06c;
|
|
1368
|
+
color: #06c;
|
|
1369
|
+
}
|
|
1076
1370
|
|
|
1077
1371
|
.ql-editor .ql-color-purple {
|
|
1078
|
-
color: #93f;
|
|
1372
|
+
color: #93f;
|
|
1373
|
+
}
|
|
1079
1374
|
|
|
1080
1375
|
.ql-editor .ql-font-serif {
|
|
1081
|
-
font-family: Georgia, Times New Roman, serif;
|
|
1376
|
+
font-family: Georgia, Times New Roman, serif;
|
|
1377
|
+
}
|
|
1082
1378
|
|
|
1083
1379
|
.ql-editor .ql-font-monospace {
|
|
1084
|
-
font-family: Monaco, Courier New, monospace;
|
|
1380
|
+
font-family: Monaco, Courier New, monospace;
|
|
1381
|
+
}
|
|
1085
1382
|
|
|
1086
1383
|
.ql-editor .ql-size-small {
|
|
1087
|
-
font-size: 0.75em;
|
|
1384
|
+
font-size: 0.75em;
|
|
1385
|
+
}
|
|
1088
1386
|
|
|
1089
1387
|
.ql-editor .ql-size-large {
|
|
1090
|
-
font-size: 1.5em;
|
|
1388
|
+
font-size: 1.5em;
|
|
1389
|
+
}
|
|
1091
1390
|
|
|
1092
1391
|
.ql-editor .ql-size-huge {
|
|
1093
|
-
font-size: 2.5em;
|
|
1392
|
+
font-size: 2.5em;
|
|
1393
|
+
}
|
|
1094
1394
|
|
|
1095
1395
|
.ql-editor .ql-direction-rtl {
|
|
1096
1396
|
direction: rtl;
|
|
1097
|
-
text-align: inherit;
|
|
1397
|
+
text-align: inherit;
|
|
1398
|
+
}
|
|
1098
1399
|
|
|
1099
1400
|
.ql-editor .ql-align-center {
|
|
1100
|
-
text-align: center;
|
|
1401
|
+
text-align: center;
|
|
1402
|
+
}
|
|
1101
1403
|
|
|
1102
1404
|
.ql-editor .ql-align-justify {
|
|
1103
|
-
text-align: justify;
|
|
1405
|
+
text-align: justify;
|
|
1406
|
+
}
|
|
1104
1407
|
|
|
1105
1408
|
.ql-editor .ql-align-right {
|
|
1106
|
-
text-align: right;
|
|
1409
|
+
text-align: right;
|
|
1410
|
+
}
|
|
1107
1411
|
|
|
1108
1412
|
.ql-editor.ql-blank::before {
|
|
1109
1413
|
color: rgba(0, 0, 0, 0.6);
|
|
@@ -1112,7 +1416,8 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1112
1416
|
left: 15px;
|
|
1113
1417
|
pointer-events: none;
|
|
1114
1418
|
position: absolute;
|
|
1115
|
-
right: 15px;
|
|
1419
|
+
right: 15px;
|
|
1420
|
+
}
|
|
1116
1421
|
|
|
1117
1422
|
/*!
|
|
1118
1423
|
* Quill Editor v1.3.7
|
|
@@ -1126,24 +1431,29 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1126
1431
|
font-size: 13px;
|
|
1127
1432
|
height: 100%;
|
|
1128
1433
|
margin: 0px;
|
|
1129
|
-
position: relative;
|
|
1434
|
+
position: relative;
|
|
1435
|
+
}
|
|
1130
1436
|
|
|
1131
1437
|
.ql-container.ql-disabled .ql-tooltip {
|
|
1132
|
-
visibility: hidden;
|
|
1438
|
+
visibility: hidden;
|
|
1439
|
+
}
|
|
1133
1440
|
|
|
1134
1441
|
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
|
|
1135
|
-
pointer-events: none;
|
|
1442
|
+
pointer-events: none;
|
|
1443
|
+
}
|
|
1136
1444
|
|
|
1137
1445
|
.ql-clipboard {
|
|
1138
1446
|
left: -100000px;
|
|
1139
1447
|
height: 1px;
|
|
1140
1448
|
overflow-y: hidden;
|
|
1141
1449
|
position: absolute;
|
|
1142
|
-
top: 50%;
|
|
1450
|
+
top: 50%;
|
|
1451
|
+
}
|
|
1143
1452
|
|
|
1144
1453
|
.ql-clipboard p {
|
|
1145
1454
|
margin: 0;
|
|
1146
|
-
padding: 0;
|
|
1455
|
+
padding: 0;
|
|
1456
|
+
}
|
|
1147
1457
|
|
|
1148
1458
|
.ql-editor {
|
|
1149
1459
|
box-sizing: border-box;
|
|
@@ -1157,10 +1467,12 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1157
1467
|
-moz-tab-size: 4;
|
|
1158
1468
|
text-align: left;
|
|
1159
1469
|
white-space: pre-wrap;
|
|
1160
|
-
word-wrap: break-word;
|
|
1470
|
+
word-wrap: break-word;
|
|
1471
|
+
}
|
|
1161
1472
|
|
|
1162
1473
|
.ql-editor > * {
|
|
1163
|
-
cursor: text;
|
|
1474
|
+
cursor: text;
|
|
1475
|
+
}
|
|
1164
1476
|
|
|
1165
1477
|
.ql-editor p,
|
|
1166
1478
|
.ql-editor ol,
|
|
@@ -1175,333 +1487,437 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1175
1487
|
.ql-editor h6 {
|
|
1176
1488
|
margin: 0;
|
|
1177
1489
|
padding: 0;
|
|
1178
|
-
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1490
|
+
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1491
|
+
}
|
|
1179
1492
|
|
|
1180
1493
|
.ql-editor ol,
|
|
1181
1494
|
.ql-editor ul {
|
|
1182
|
-
padding-left: 1.5em;
|
|
1495
|
+
padding-left: 1.5em;
|
|
1496
|
+
}
|
|
1183
1497
|
|
|
1184
1498
|
.ql-editor ol > li,
|
|
1185
1499
|
.ql-editor ul > li {
|
|
1186
|
-
list-style-type: none;
|
|
1500
|
+
list-style-type: none;
|
|
1501
|
+
}
|
|
1187
1502
|
|
|
1188
1503
|
.ql-editor ul > li::before {
|
|
1189
|
-
content:
|
|
1504
|
+
content: "•";
|
|
1505
|
+
}
|
|
1190
1506
|
|
|
1191
1507
|
.ql-editor ul[data-checked=true],
|
|
1192
1508
|
.ql-editor ul[data-checked=false] {
|
|
1193
|
-
pointer-events: none;
|
|
1509
|
+
pointer-events: none;
|
|
1510
|
+
}
|
|
1194
1511
|
|
|
1195
1512
|
.ql-editor ul[data-checked=true] > li *,
|
|
1196
1513
|
.ql-editor ul[data-checked=false] > li * {
|
|
1197
|
-
pointer-events: all;
|
|
1514
|
+
pointer-events: all;
|
|
1515
|
+
}
|
|
1198
1516
|
|
|
1199
1517
|
.ql-editor ul[data-checked=true] > li::before,
|
|
1200
1518
|
.ql-editor ul[data-checked=false] > li::before {
|
|
1201
1519
|
color: #777;
|
|
1202
1520
|
cursor: pointer;
|
|
1203
|
-
pointer-events: all;
|
|
1521
|
+
pointer-events: all;
|
|
1522
|
+
}
|
|
1204
1523
|
|
|
1205
1524
|
.ql-editor ul[data-checked=true] > li::before {
|
|
1206
|
-
content:
|
|
1525
|
+
content: "☑";
|
|
1526
|
+
}
|
|
1207
1527
|
|
|
1208
1528
|
.ql-editor ul[data-checked=false] > li::before {
|
|
1209
|
-
content:
|
|
1529
|
+
content: "☐";
|
|
1530
|
+
}
|
|
1210
1531
|
|
|
1211
1532
|
.ql-editor li::before {
|
|
1212
1533
|
display: inline-block;
|
|
1213
1534
|
white-space: nowrap;
|
|
1214
|
-
width: 1.2em;
|
|
1535
|
+
width: 1.2em;
|
|
1536
|
+
}
|
|
1215
1537
|
|
|
1216
1538
|
.ql-editor li:not(.ql-direction-rtl)::before {
|
|
1217
1539
|
margin-left: -1.5em;
|
|
1218
1540
|
margin-right: 0.3em;
|
|
1219
|
-
text-align: right;
|
|
1541
|
+
text-align: right;
|
|
1542
|
+
}
|
|
1220
1543
|
|
|
1221
1544
|
.ql-editor li.ql-direction-rtl::before {
|
|
1222
1545
|
margin-left: 0.3em;
|
|
1223
|
-
margin-right: -1.5em;
|
|
1546
|
+
margin-right: -1.5em;
|
|
1547
|
+
}
|
|
1224
1548
|
|
|
1225
1549
|
.ql-editor ol li:not(.ql-direction-rtl),
|
|
1226
1550
|
.ql-editor ul li:not(.ql-direction-rtl) {
|
|
1227
|
-
padding-left: 1.5em;
|
|
1551
|
+
padding-left: 1.5em;
|
|
1552
|
+
}
|
|
1228
1553
|
|
|
1229
1554
|
.ql-editor ol li.ql-direction-rtl,
|
|
1230
1555
|
.ql-editor ul li.ql-direction-rtl {
|
|
1231
|
-
padding-right: 1.5em;
|
|
1556
|
+
padding-right: 1.5em;
|
|
1557
|
+
}
|
|
1232
1558
|
|
|
1233
1559
|
.ql-editor ol li {
|
|
1234
1560
|
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1235
|
-
counter-increment: list-0;
|
|
1561
|
+
counter-increment: list-0;
|
|
1562
|
+
}
|
|
1236
1563
|
|
|
1237
1564
|
.ql-editor ol li:before {
|
|
1238
|
-
content: counter(list-0, decimal) ". ";
|
|
1565
|
+
content: counter(list-0, decimal) ". ";
|
|
1566
|
+
}
|
|
1239
1567
|
|
|
1240
1568
|
.ql-editor ol li.ql-indent-1 {
|
|
1241
|
-
counter-increment: list-1;
|
|
1569
|
+
counter-increment: list-1;
|
|
1570
|
+
}
|
|
1242
1571
|
|
|
1243
1572
|
.ql-editor ol li.ql-indent-1:before {
|
|
1244
|
-
content: counter(list-1, lower-alpha) ". ";
|
|
1573
|
+
content: counter(list-1, lower-alpha) ". ";
|
|
1574
|
+
}
|
|
1245
1575
|
|
|
1246
1576
|
.ql-editor ol li.ql-indent-1 {
|
|
1247
|
-
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1577
|
+
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1578
|
+
}
|
|
1248
1579
|
|
|
1249
1580
|
.ql-editor ol li.ql-indent-2 {
|
|
1250
|
-
counter-increment: list-2;
|
|
1581
|
+
counter-increment: list-2;
|
|
1582
|
+
}
|
|
1251
1583
|
|
|
1252
1584
|
.ql-editor ol li.ql-indent-2:before {
|
|
1253
|
-
content: counter(list-2, lower-roman) ". ";
|
|
1585
|
+
content: counter(list-2, lower-roman) ". ";
|
|
1586
|
+
}
|
|
1254
1587
|
|
|
1255
1588
|
.ql-editor ol li.ql-indent-2 {
|
|
1256
|
-
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1589
|
+
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1590
|
+
}
|
|
1257
1591
|
|
|
1258
1592
|
.ql-editor ol li.ql-indent-3 {
|
|
1259
|
-
counter-increment: list-3;
|
|
1593
|
+
counter-increment: list-3;
|
|
1594
|
+
}
|
|
1260
1595
|
|
|
1261
1596
|
.ql-editor ol li.ql-indent-3:before {
|
|
1262
|
-
content: counter(list-3, decimal) ". ";
|
|
1597
|
+
content: counter(list-3, decimal) ". ";
|
|
1598
|
+
}
|
|
1263
1599
|
|
|
1264
1600
|
.ql-editor ol li.ql-indent-3 {
|
|
1265
|
-
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1601
|
+
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
|
|
1602
|
+
}
|
|
1266
1603
|
|
|
1267
1604
|
.ql-editor ol li.ql-indent-4 {
|
|
1268
|
-
counter-increment: list-4;
|
|
1605
|
+
counter-increment: list-4;
|
|
1606
|
+
}
|
|
1269
1607
|
|
|
1270
1608
|
.ql-editor ol li.ql-indent-4:before {
|
|
1271
|
-
content: counter(list-4, lower-alpha) ". ";
|
|
1609
|
+
content: counter(list-4, lower-alpha) ". ";
|
|
1610
|
+
}
|
|
1272
1611
|
|
|
1273
1612
|
.ql-editor ol li.ql-indent-4 {
|
|
1274
|
-
counter-reset: list-5 list-6 list-7 list-8 list-9;
|
|
1613
|
+
counter-reset: list-5 list-6 list-7 list-8 list-9;
|
|
1614
|
+
}
|
|
1275
1615
|
|
|
1276
1616
|
.ql-editor ol li.ql-indent-5 {
|
|
1277
|
-
counter-increment: list-5;
|
|
1617
|
+
counter-increment: list-5;
|
|
1618
|
+
}
|
|
1278
1619
|
|
|
1279
1620
|
.ql-editor ol li.ql-indent-5:before {
|
|
1280
|
-
content: counter(list-5, lower-roman) ". ";
|
|
1621
|
+
content: counter(list-5, lower-roman) ". ";
|
|
1622
|
+
}
|
|
1281
1623
|
|
|
1282
1624
|
.ql-editor ol li.ql-indent-5 {
|
|
1283
|
-
counter-reset: list-6 list-7 list-8 list-9;
|
|
1625
|
+
counter-reset: list-6 list-7 list-8 list-9;
|
|
1626
|
+
}
|
|
1284
1627
|
|
|
1285
1628
|
.ql-editor ol li.ql-indent-6 {
|
|
1286
|
-
counter-increment: list-6;
|
|
1629
|
+
counter-increment: list-6;
|
|
1630
|
+
}
|
|
1287
1631
|
|
|
1288
1632
|
.ql-editor ol li.ql-indent-6:before {
|
|
1289
|
-
content: counter(list-6, decimal) ". ";
|
|
1633
|
+
content: counter(list-6, decimal) ". ";
|
|
1634
|
+
}
|
|
1290
1635
|
|
|
1291
1636
|
.ql-editor ol li.ql-indent-6 {
|
|
1292
|
-
counter-reset: list-7 list-8 list-9;
|
|
1637
|
+
counter-reset: list-7 list-8 list-9;
|
|
1638
|
+
}
|
|
1293
1639
|
|
|
1294
1640
|
.ql-editor ol li.ql-indent-7 {
|
|
1295
|
-
counter-increment: list-7;
|
|
1641
|
+
counter-increment: list-7;
|
|
1642
|
+
}
|
|
1296
1643
|
|
|
1297
1644
|
.ql-editor ol li.ql-indent-7:before {
|
|
1298
|
-
content: counter(list-7, lower-alpha) ". ";
|
|
1645
|
+
content: counter(list-7, lower-alpha) ". ";
|
|
1646
|
+
}
|
|
1299
1647
|
|
|
1300
1648
|
.ql-editor ol li.ql-indent-7 {
|
|
1301
|
-
counter-reset: list-8 list-9;
|
|
1649
|
+
counter-reset: list-8 list-9;
|
|
1650
|
+
}
|
|
1302
1651
|
|
|
1303
1652
|
.ql-editor ol li.ql-indent-8 {
|
|
1304
|
-
counter-increment: list-8;
|
|
1653
|
+
counter-increment: list-8;
|
|
1654
|
+
}
|
|
1305
1655
|
|
|
1306
1656
|
.ql-editor ol li.ql-indent-8:before {
|
|
1307
|
-
content: counter(list-8, lower-roman) ". ";
|
|
1657
|
+
content: counter(list-8, lower-roman) ". ";
|
|
1658
|
+
}
|
|
1308
1659
|
|
|
1309
1660
|
.ql-editor ol li.ql-indent-8 {
|
|
1310
|
-
counter-reset: list-9;
|
|
1661
|
+
counter-reset: list-9;
|
|
1662
|
+
}
|
|
1311
1663
|
|
|
1312
1664
|
.ql-editor ol li.ql-indent-9 {
|
|
1313
|
-
counter-increment: list-9;
|
|
1665
|
+
counter-increment: list-9;
|
|
1666
|
+
}
|
|
1314
1667
|
|
|
1315
1668
|
.ql-editor ol li.ql-indent-9:before {
|
|
1316
|
-
content: counter(list-9, decimal) ". ";
|
|
1669
|
+
content: counter(list-9, decimal) ". ";
|
|
1670
|
+
}
|
|
1317
1671
|
|
|
1318
1672
|
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
|
|
1319
|
-
padding-left: 3em;
|
|
1673
|
+
padding-left: 3em;
|
|
1674
|
+
}
|
|
1320
1675
|
|
|
1321
1676
|
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
|
|
1322
|
-
padding-left: 4.5em;
|
|
1677
|
+
padding-left: 4.5em;
|
|
1678
|
+
}
|
|
1323
1679
|
|
|
1324
1680
|
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
|
|
1325
|
-
padding-right: 3em;
|
|
1681
|
+
padding-right: 3em;
|
|
1682
|
+
}
|
|
1326
1683
|
|
|
1327
1684
|
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
|
|
1328
|
-
padding-right: 4.5em;
|
|
1685
|
+
padding-right: 4.5em;
|
|
1686
|
+
}
|
|
1329
1687
|
|
|
1330
1688
|
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
|
|
1331
|
-
padding-left: 6em;
|
|
1689
|
+
padding-left: 6em;
|
|
1690
|
+
}
|
|
1332
1691
|
|
|
1333
1692
|
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
|
|
1334
|
-
padding-left: 7.5em;
|
|
1693
|
+
padding-left: 7.5em;
|
|
1694
|
+
}
|
|
1335
1695
|
|
|
1336
1696
|
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
|
|
1337
|
-
padding-right: 6em;
|
|
1697
|
+
padding-right: 6em;
|
|
1698
|
+
}
|
|
1338
1699
|
|
|
1339
1700
|
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
|
|
1340
|
-
padding-right: 7.5em;
|
|
1701
|
+
padding-right: 7.5em;
|
|
1702
|
+
}
|
|
1341
1703
|
|
|
1342
1704
|
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
|
|
1343
|
-
padding-left: 9em;
|
|
1705
|
+
padding-left: 9em;
|
|
1706
|
+
}
|
|
1344
1707
|
|
|
1345
1708
|
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
|
|
1346
|
-
padding-left: 10.5em;
|
|
1709
|
+
padding-left: 10.5em;
|
|
1710
|
+
}
|
|
1347
1711
|
|
|
1348
1712
|
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
|
|
1349
|
-
padding-right: 9em;
|
|
1713
|
+
padding-right: 9em;
|
|
1714
|
+
}
|
|
1350
1715
|
|
|
1351
1716
|
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
|
|
1352
|
-
padding-right: 10.5em;
|
|
1717
|
+
padding-right: 10.5em;
|
|
1718
|
+
}
|
|
1353
1719
|
|
|
1354
1720
|
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
|
|
1355
|
-
padding-left: 12em;
|
|
1721
|
+
padding-left: 12em;
|
|
1722
|
+
}
|
|
1356
1723
|
|
|
1357
1724
|
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
|
|
1358
|
-
padding-left: 13.5em;
|
|
1725
|
+
padding-left: 13.5em;
|
|
1726
|
+
}
|
|
1359
1727
|
|
|
1360
1728
|
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
|
|
1361
|
-
padding-right: 12em;
|
|
1729
|
+
padding-right: 12em;
|
|
1730
|
+
}
|
|
1362
1731
|
|
|
1363
1732
|
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
|
|
1364
|
-
padding-right: 13.5em;
|
|
1733
|
+
padding-right: 13.5em;
|
|
1734
|
+
}
|
|
1365
1735
|
|
|
1366
1736
|
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
|
|
1367
|
-
padding-left: 15em;
|
|
1737
|
+
padding-left: 15em;
|
|
1738
|
+
}
|
|
1368
1739
|
|
|
1369
1740
|
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
|
|
1370
|
-
padding-left: 16.5em;
|
|
1741
|
+
padding-left: 16.5em;
|
|
1742
|
+
}
|
|
1371
1743
|
|
|
1372
1744
|
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
|
|
1373
|
-
padding-right: 15em;
|
|
1745
|
+
padding-right: 15em;
|
|
1746
|
+
}
|
|
1374
1747
|
|
|
1375
1748
|
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
|
|
1376
|
-
padding-right: 16.5em;
|
|
1749
|
+
padding-right: 16.5em;
|
|
1750
|
+
}
|
|
1377
1751
|
|
|
1378
1752
|
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
|
|
1379
|
-
padding-left: 18em;
|
|
1753
|
+
padding-left: 18em;
|
|
1754
|
+
}
|
|
1380
1755
|
|
|
1381
1756
|
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
|
|
1382
|
-
padding-left: 19.5em;
|
|
1757
|
+
padding-left: 19.5em;
|
|
1758
|
+
}
|
|
1383
1759
|
|
|
1384
1760
|
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
|
|
1385
|
-
padding-right: 18em;
|
|
1761
|
+
padding-right: 18em;
|
|
1762
|
+
}
|
|
1386
1763
|
|
|
1387
1764
|
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
|
|
1388
|
-
padding-right: 19.5em;
|
|
1765
|
+
padding-right: 19.5em;
|
|
1766
|
+
}
|
|
1389
1767
|
|
|
1390
1768
|
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
|
|
1391
|
-
padding-left: 21em;
|
|
1769
|
+
padding-left: 21em;
|
|
1770
|
+
}
|
|
1392
1771
|
|
|
1393
1772
|
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
|
|
1394
|
-
padding-left: 22.5em;
|
|
1773
|
+
padding-left: 22.5em;
|
|
1774
|
+
}
|
|
1395
1775
|
|
|
1396
1776
|
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
|
|
1397
|
-
padding-right: 21em;
|
|
1777
|
+
padding-right: 21em;
|
|
1778
|
+
}
|
|
1398
1779
|
|
|
1399
1780
|
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
|
|
1400
|
-
padding-right: 22.5em;
|
|
1781
|
+
padding-right: 22.5em;
|
|
1782
|
+
}
|
|
1401
1783
|
|
|
1402
1784
|
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
|
|
1403
|
-
padding-left: 24em;
|
|
1785
|
+
padding-left: 24em;
|
|
1786
|
+
}
|
|
1404
1787
|
|
|
1405
1788
|
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
|
|
1406
|
-
padding-left: 25.5em;
|
|
1789
|
+
padding-left: 25.5em;
|
|
1790
|
+
}
|
|
1407
1791
|
|
|
1408
1792
|
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
|
|
1409
|
-
padding-right: 24em;
|
|
1793
|
+
padding-right: 24em;
|
|
1794
|
+
}
|
|
1410
1795
|
|
|
1411
1796
|
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
|
|
1412
|
-
padding-right: 25.5em;
|
|
1797
|
+
padding-right: 25.5em;
|
|
1798
|
+
}
|
|
1413
1799
|
|
|
1414
1800
|
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
|
|
1415
|
-
padding-left: 27em;
|
|
1801
|
+
padding-left: 27em;
|
|
1802
|
+
}
|
|
1416
1803
|
|
|
1417
1804
|
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
|
|
1418
|
-
padding-left: 28.5em;
|
|
1805
|
+
padding-left: 28.5em;
|
|
1806
|
+
}
|
|
1419
1807
|
|
|
1420
1808
|
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
|
|
1421
|
-
padding-right: 27em;
|
|
1809
|
+
padding-right: 27em;
|
|
1810
|
+
}
|
|
1422
1811
|
|
|
1423
1812
|
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
|
|
1424
|
-
padding-right: 28.5em;
|
|
1813
|
+
padding-right: 28.5em;
|
|
1814
|
+
}
|
|
1425
1815
|
|
|
1426
1816
|
.ql-editor .ql-video {
|
|
1427
1817
|
display: block;
|
|
1428
|
-
max-width: 100%;
|
|
1818
|
+
max-width: 100%;
|
|
1819
|
+
}
|
|
1429
1820
|
|
|
1430
1821
|
.ql-editor .ql-video.ql-align-center {
|
|
1431
|
-
margin: 0 auto;
|
|
1822
|
+
margin: 0 auto;
|
|
1823
|
+
}
|
|
1432
1824
|
|
|
1433
1825
|
.ql-editor .ql-video.ql-align-right {
|
|
1434
|
-
margin: 0 0 0 auto;
|
|
1826
|
+
margin: 0 0 0 auto;
|
|
1827
|
+
}
|
|
1435
1828
|
|
|
1436
1829
|
.ql-editor .ql-bg-black {
|
|
1437
|
-
background-color: #000;
|
|
1830
|
+
background-color: #000;
|
|
1831
|
+
}
|
|
1438
1832
|
|
|
1439
1833
|
.ql-editor .ql-bg-red {
|
|
1440
|
-
background-color: #e60000;
|
|
1834
|
+
background-color: #e60000;
|
|
1835
|
+
}
|
|
1441
1836
|
|
|
1442
1837
|
.ql-editor .ql-bg-orange {
|
|
1443
|
-
background-color: #f90;
|
|
1838
|
+
background-color: #f90;
|
|
1839
|
+
}
|
|
1444
1840
|
|
|
1445
1841
|
.ql-editor .ql-bg-yellow {
|
|
1446
|
-
background-color: #ff0;
|
|
1842
|
+
background-color: #ff0;
|
|
1843
|
+
}
|
|
1447
1844
|
|
|
1448
1845
|
.ql-editor .ql-bg-green {
|
|
1449
|
-
background-color: #008a00;
|
|
1846
|
+
background-color: #008a00;
|
|
1847
|
+
}
|
|
1450
1848
|
|
|
1451
1849
|
.ql-editor .ql-bg-blue {
|
|
1452
|
-
background-color: #06c;
|
|
1850
|
+
background-color: #06c;
|
|
1851
|
+
}
|
|
1453
1852
|
|
|
1454
1853
|
.ql-editor .ql-bg-purple {
|
|
1455
|
-
background-color: #93f;
|
|
1854
|
+
background-color: #93f;
|
|
1855
|
+
}
|
|
1456
1856
|
|
|
1457
1857
|
.ql-editor .ql-color-white {
|
|
1458
|
-
color: #fff;
|
|
1858
|
+
color: #fff;
|
|
1859
|
+
}
|
|
1459
1860
|
|
|
1460
1861
|
.ql-editor .ql-color-red {
|
|
1461
|
-
color: #e60000;
|
|
1862
|
+
color: #e60000;
|
|
1863
|
+
}
|
|
1462
1864
|
|
|
1463
1865
|
.ql-editor .ql-color-orange {
|
|
1464
|
-
color: #f90;
|
|
1866
|
+
color: #f90;
|
|
1867
|
+
}
|
|
1465
1868
|
|
|
1466
1869
|
.ql-editor .ql-color-yellow {
|
|
1467
|
-
color: #ff0;
|
|
1870
|
+
color: #ff0;
|
|
1871
|
+
}
|
|
1468
1872
|
|
|
1469
1873
|
.ql-editor .ql-color-green {
|
|
1470
|
-
color: #008a00;
|
|
1874
|
+
color: #008a00;
|
|
1875
|
+
}
|
|
1471
1876
|
|
|
1472
1877
|
.ql-editor .ql-color-blue {
|
|
1473
|
-
color: #06c;
|
|
1878
|
+
color: #06c;
|
|
1879
|
+
}
|
|
1474
1880
|
|
|
1475
1881
|
.ql-editor .ql-color-purple {
|
|
1476
|
-
color: #93f;
|
|
1882
|
+
color: #93f;
|
|
1883
|
+
}
|
|
1477
1884
|
|
|
1478
1885
|
.ql-editor .ql-font-serif {
|
|
1479
|
-
font-family: Georgia, Times New Roman, serif;
|
|
1886
|
+
font-family: Georgia, Times New Roman, serif;
|
|
1887
|
+
}
|
|
1480
1888
|
|
|
1481
1889
|
.ql-editor .ql-font-monospace {
|
|
1482
|
-
font-family: Monaco, Courier New, monospace;
|
|
1890
|
+
font-family: Monaco, Courier New, monospace;
|
|
1891
|
+
}
|
|
1483
1892
|
|
|
1484
1893
|
.ql-editor .ql-size-small {
|
|
1485
|
-
font-size: 0.75em;
|
|
1894
|
+
font-size: 0.75em;
|
|
1895
|
+
}
|
|
1486
1896
|
|
|
1487
1897
|
.ql-editor .ql-size-large {
|
|
1488
|
-
font-size: 1.5em;
|
|
1898
|
+
font-size: 1.5em;
|
|
1899
|
+
}
|
|
1489
1900
|
|
|
1490
1901
|
.ql-editor .ql-size-huge {
|
|
1491
|
-
font-size: 2.5em;
|
|
1902
|
+
font-size: 2.5em;
|
|
1903
|
+
}
|
|
1492
1904
|
|
|
1493
1905
|
.ql-editor .ql-direction-rtl {
|
|
1494
1906
|
direction: rtl;
|
|
1495
|
-
text-align: inherit;
|
|
1907
|
+
text-align: inherit;
|
|
1908
|
+
}
|
|
1496
1909
|
|
|
1497
1910
|
.ql-editor .ql-align-center {
|
|
1498
|
-
text-align: center;
|
|
1911
|
+
text-align: center;
|
|
1912
|
+
}
|
|
1499
1913
|
|
|
1500
1914
|
.ql-editor .ql-align-justify {
|
|
1501
|
-
text-align: justify;
|
|
1915
|
+
text-align: justify;
|
|
1916
|
+
}
|
|
1502
1917
|
|
|
1503
1918
|
.ql-editor .ql-align-right {
|
|
1504
|
-
text-align: right;
|
|
1919
|
+
text-align: right;
|
|
1920
|
+
}
|
|
1505
1921
|
|
|
1506
1922
|
.ql-editor.ql-blank::before {
|
|
1507
1923
|
color: rgba(0, 0, 0, 0.6);
|
|
@@ -1510,13 +1926,15 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1510
1926
|
left: 15px;
|
|
1511
1927
|
pointer-events: none;
|
|
1512
1928
|
position: absolute;
|
|
1513
|
-
right: 15px;
|
|
1929
|
+
right: 15px;
|
|
1930
|
+
}
|
|
1514
1931
|
|
|
1515
1932
|
.ql-snow.ql-toolbar:after,
|
|
1516
1933
|
.ql-snow .ql-toolbar:after {
|
|
1517
1934
|
clear: both;
|
|
1518
|
-
content:
|
|
1519
|
-
display: table;
|
|
1935
|
+
content: "";
|
|
1936
|
+
display: table;
|
|
1937
|
+
}
|
|
1520
1938
|
|
|
1521
1939
|
.ql-snow.ql-toolbar button,
|
|
1522
1940
|
.ql-snow .ql-toolbar button {
|
|
@@ -1527,20 +1945,24 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1527
1945
|
float: left;
|
|
1528
1946
|
height: 24px;
|
|
1529
1947
|
padding: 3px 5px;
|
|
1530
|
-
width: 28px;
|
|
1948
|
+
width: 28px;
|
|
1949
|
+
}
|
|
1531
1950
|
|
|
1532
1951
|
.ql-snow.ql-toolbar button svg,
|
|
1533
1952
|
.ql-snow .ql-toolbar button svg {
|
|
1534
1953
|
float: left;
|
|
1535
|
-
height: 100%;
|
|
1954
|
+
height: 100%;
|
|
1955
|
+
}
|
|
1536
1956
|
|
|
1537
1957
|
.ql-snow.ql-toolbar button:active:hover,
|
|
1538
1958
|
.ql-snow .ql-toolbar button:active:hover {
|
|
1539
|
-
outline: none;
|
|
1959
|
+
outline: none;
|
|
1960
|
+
}
|
|
1540
1961
|
|
|
1541
1962
|
.ql-snow.ql-toolbar input.ql-image[type=file],
|
|
1542
1963
|
.ql-snow .ql-toolbar input.ql-image[type=file] {
|
|
1543
|
-
display: none;
|
|
1964
|
+
display: none;
|
|
1965
|
+
}
|
|
1544
1966
|
|
|
1545
1967
|
.ql-snow.ql-toolbar button:hover,
|
|
1546
1968
|
.ql-snow .ql-toolbar button:hover,
|
|
@@ -1556,7 +1978,8 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1556
1978
|
.ql-snow .ql-toolbar .ql-picker-item:hover,
|
|
1557
1979
|
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
|
|
1558
1980
|
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
|
|
1559
|
-
color: #06c;
|
|
1981
|
+
color: #06c;
|
|
1982
|
+
}
|
|
1560
1983
|
|
|
1561
1984
|
.ql-snow.ql-toolbar button:hover .ql-fill,
|
|
1562
1985
|
.ql-snow .ql-toolbar button:hover .ql-fill,
|
|
@@ -1586,7 +2009,8 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1586
2009
|
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
|
|
1587
2010
|
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
|
|
1588
2011
|
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
|
|
1589
|
-
fill: #06c;
|
|
2012
|
+
fill: #06c;
|
|
2013
|
+
}
|
|
1590
2014
|
|
|
1591
2015
|
.ql-snow.ql-toolbar button:hover .ql-stroke,
|
|
1592
2016
|
.ql-snow .ql-toolbar button:hover .ql-stroke,
|
|
@@ -1616,144 +2040,182 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1616
2040
|
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
|
|
1617
2041
|
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
|
|
1618
2042
|
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
|
|
1619
|
-
stroke: #06c;
|
|
2043
|
+
stroke: #06c;
|
|
2044
|
+
}
|
|
1620
2045
|
|
|
1621
2046
|
@media (pointer: coarse) {
|
|
1622
2047
|
.ql-snow.ql-toolbar button:hover:not(.ql-active),
|
|
1623
|
-
|
|
1624
|
-
color: #444;
|
|
2048
|
+
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
|
|
2049
|
+
color: #444;
|
|
2050
|
+
}
|
|
2051
|
+
|
|
1625
2052
|
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
fill: #444;
|
|
1630
|
-
|
|
1631
|
-
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
|
|
1632
|
-
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
|
|
1633
|
-
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
|
|
1634
|
-
stroke: #444; } }
|
|
2053
|
+
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
|
|
2054
|
+
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
|
|
2055
|
+
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
|
|
2056
|
+
fill: #444;
|
|
2057
|
+
}
|
|
1635
2058
|
|
|
2059
|
+
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
|
|
2060
|
+
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
|
|
2061
|
+
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
|
|
2062
|
+
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
|
|
2063
|
+
stroke: #444;
|
|
2064
|
+
}
|
|
2065
|
+
}
|
|
1636
2066
|
.ql-snow {
|
|
1637
|
-
box-sizing: border-box;
|
|
2067
|
+
box-sizing: border-box;
|
|
2068
|
+
}
|
|
1638
2069
|
|
|
1639
2070
|
.ql-snow * {
|
|
1640
|
-
box-sizing: border-box;
|
|
2071
|
+
box-sizing: border-box;
|
|
2072
|
+
}
|
|
1641
2073
|
|
|
1642
2074
|
.ql-snow .ql-hidden {
|
|
1643
|
-
display: none;
|
|
2075
|
+
display: none;
|
|
2076
|
+
}
|
|
1644
2077
|
|
|
1645
2078
|
.ql-snow .ql-out-bottom,
|
|
1646
2079
|
.ql-snow .ql-out-top {
|
|
1647
|
-
visibility: hidden;
|
|
2080
|
+
visibility: hidden;
|
|
2081
|
+
}
|
|
1648
2082
|
|
|
1649
2083
|
.ql-snow .ql-tooltip {
|
|
1650
2084
|
position: absolute;
|
|
1651
|
-
transform: translateY(10px);
|
|
2085
|
+
transform: translateY(10px);
|
|
2086
|
+
}
|
|
1652
2087
|
|
|
1653
2088
|
.ql-snow .ql-tooltip a {
|
|
1654
2089
|
cursor: pointer;
|
|
1655
|
-
text-decoration: none;
|
|
2090
|
+
text-decoration: none;
|
|
2091
|
+
}
|
|
1656
2092
|
|
|
1657
2093
|
.ql-snow .ql-tooltip.ql-flip {
|
|
1658
|
-
transform: translateY(-10px);
|
|
2094
|
+
transform: translateY(-10px);
|
|
2095
|
+
}
|
|
1659
2096
|
|
|
1660
2097
|
.ql-snow .ql-formats {
|
|
1661
2098
|
display: inline-block;
|
|
1662
|
-
vertical-align: middle;
|
|
2099
|
+
vertical-align: middle;
|
|
2100
|
+
}
|
|
1663
2101
|
|
|
1664
2102
|
.ql-snow .ql-formats:after {
|
|
1665
2103
|
clear: both;
|
|
1666
|
-
content:
|
|
1667
|
-
display: table;
|
|
2104
|
+
content: "";
|
|
2105
|
+
display: table;
|
|
2106
|
+
}
|
|
1668
2107
|
|
|
1669
2108
|
.ql-snow .ql-stroke {
|
|
1670
2109
|
fill: none;
|
|
1671
2110
|
stroke: #444;
|
|
1672
2111
|
stroke-linecap: round;
|
|
1673
2112
|
stroke-linejoin: round;
|
|
1674
|
-
stroke-width: 2;
|
|
2113
|
+
stroke-width: 2;
|
|
2114
|
+
}
|
|
1675
2115
|
|
|
1676
2116
|
.ql-snow .ql-stroke-miter {
|
|
1677
2117
|
fill: none;
|
|
1678
2118
|
stroke: #444;
|
|
1679
2119
|
stroke-miterlimit: 10;
|
|
1680
|
-
stroke-width: 2;
|
|
2120
|
+
stroke-width: 2;
|
|
2121
|
+
}
|
|
1681
2122
|
|
|
1682
2123
|
.ql-snow .ql-fill,
|
|
1683
2124
|
.ql-snow .ql-stroke.ql-fill {
|
|
1684
|
-
fill: #444;
|
|
2125
|
+
fill: #444;
|
|
2126
|
+
}
|
|
1685
2127
|
|
|
1686
2128
|
.ql-snow .ql-empty {
|
|
1687
|
-
fill: none;
|
|
2129
|
+
fill: none;
|
|
2130
|
+
}
|
|
1688
2131
|
|
|
1689
2132
|
.ql-snow .ql-even {
|
|
1690
|
-
fill-rule: evenodd;
|
|
2133
|
+
fill-rule: evenodd;
|
|
2134
|
+
}
|
|
1691
2135
|
|
|
1692
2136
|
.ql-snow .ql-thin,
|
|
1693
2137
|
.ql-snow .ql-stroke.ql-thin {
|
|
1694
|
-
stroke-width: 1;
|
|
2138
|
+
stroke-width: 1;
|
|
2139
|
+
}
|
|
1695
2140
|
|
|
1696
2141
|
.ql-snow .ql-transparent {
|
|
1697
|
-
opacity: 0.4;
|
|
2142
|
+
opacity: 0.4;
|
|
2143
|
+
}
|
|
1698
2144
|
|
|
1699
2145
|
.ql-snow .ql-direction svg:last-child {
|
|
1700
|
-
display: none;
|
|
2146
|
+
display: none;
|
|
2147
|
+
}
|
|
1701
2148
|
|
|
1702
2149
|
.ql-snow .ql-direction.ql-active svg:last-child {
|
|
1703
|
-
display: inline;
|
|
2150
|
+
display: inline;
|
|
2151
|
+
}
|
|
1704
2152
|
|
|
1705
2153
|
.ql-snow .ql-direction.ql-active svg:first-child {
|
|
1706
|
-
display: none;
|
|
2154
|
+
display: none;
|
|
2155
|
+
}
|
|
1707
2156
|
|
|
1708
2157
|
.ql-snow .ql-editor h1 {
|
|
1709
|
-
font-size: 2em;
|
|
2158
|
+
font-size: 2em;
|
|
2159
|
+
}
|
|
1710
2160
|
|
|
1711
2161
|
.ql-snow .ql-editor h2 {
|
|
1712
|
-
font-size: 1.5em;
|
|
2162
|
+
font-size: 1.5em;
|
|
2163
|
+
}
|
|
1713
2164
|
|
|
1714
2165
|
.ql-snow .ql-editor h3 {
|
|
1715
|
-
font-size: 1.17em;
|
|
2166
|
+
font-size: 1.17em;
|
|
2167
|
+
}
|
|
1716
2168
|
|
|
1717
2169
|
.ql-snow .ql-editor h4 {
|
|
1718
|
-
font-size: 1em;
|
|
2170
|
+
font-size: 1em;
|
|
2171
|
+
}
|
|
1719
2172
|
|
|
1720
2173
|
.ql-snow .ql-editor h5 {
|
|
1721
|
-
font-size: 0.83em;
|
|
2174
|
+
font-size: 0.83em;
|
|
2175
|
+
}
|
|
1722
2176
|
|
|
1723
2177
|
.ql-snow .ql-editor h6 {
|
|
1724
|
-
font-size: 0.67em;
|
|
2178
|
+
font-size: 0.67em;
|
|
2179
|
+
}
|
|
1725
2180
|
|
|
1726
2181
|
.ql-snow .ql-editor a {
|
|
1727
|
-
text-decoration: underline;
|
|
2182
|
+
text-decoration: underline;
|
|
2183
|
+
}
|
|
1728
2184
|
|
|
1729
2185
|
.ql-snow .ql-editor blockquote {
|
|
1730
2186
|
border-left: 4px solid #ccc;
|
|
1731
2187
|
margin-bottom: 5px;
|
|
1732
2188
|
margin-top: 5px;
|
|
1733
|
-
padding-left: 16px;
|
|
2189
|
+
padding-left: 16px;
|
|
2190
|
+
}
|
|
1734
2191
|
|
|
1735
2192
|
.ql-snow .ql-editor code,
|
|
1736
2193
|
.ql-snow .ql-editor pre {
|
|
1737
2194
|
background-color: #f0f0f0;
|
|
1738
|
-
border-radius: 3px;
|
|
2195
|
+
border-radius: 3px;
|
|
2196
|
+
}
|
|
1739
2197
|
|
|
1740
2198
|
.ql-snow .ql-editor pre {
|
|
1741
2199
|
white-space: pre-wrap;
|
|
1742
2200
|
margin-bottom: 5px;
|
|
1743
2201
|
margin-top: 5px;
|
|
1744
|
-
padding: 5px 10px;
|
|
2202
|
+
padding: 5px 10px;
|
|
2203
|
+
}
|
|
1745
2204
|
|
|
1746
2205
|
.ql-snow .ql-editor code {
|
|
1747
2206
|
font-size: 85%;
|
|
1748
|
-
padding: 2px 4px;
|
|
2207
|
+
padding: 2px 4px;
|
|
2208
|
+
}
|
|
1749
2209
|
|
|
1750
2210
|
.ql-snow .ql-editor pre.ql-syntax {
|
|
1751
2211
|
background-color: #23241f;
|
|
1752
2212
|
color: #f8f8f2;
|
|
1753
|
-
overflow: visible;
|
|
2213
|
+
overflow: visible;
|
|
2214
|
+
}
|
|
1754
2215
|
|
|
1755
2216
|
.ql-snow .ql-editor img {
|
|
1756
|
-
max-width: 100%;
|
|
2217
|
+
max-width: 100%;
|
|
2218
|
+
}
|
|
1757
2219
|
|
|
1758
2220
|
.ql-snow .ql-picker {
|
|
1759
2221
|
color: #444;
|
|
@@ -1763,7 +2225,8 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1763
2225
|
font-weight: 500;
|
|
1764
2226
|
height: 24px;
|
|
1765
2227
|
position: relative;
|
|
1766
|
-
vertical-align: middle;
|
|
2228
|
+
vertical-align: middle;
|
|
2229
|
+
}
|
|
1767
2230
|
|
|
1768
2231
|
.ql-snow .ql-picker-label {
|
|
1769
2232
|
cursor: pointer;
|
|
@@ -1772,11 +2235,13 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1772
2235
|
padding-left: 8px;
|
|
1773
2236
|
padding-right: 2px;
|
|
1774
2237
|
position: relative;
|
|
1775
|
-
width: 100%;
|
|
2238
|
+
width: 100%;
|
|
2239
|
+
}
|
|
1776
2240
|
|
|
1777
2241
|
.ql-snow .ql-picker-label::before {
|
|
1778
2242
|
display: inline-block;
|
|
1779
|
-
line-height: 22px;
|
|
2243
|
+
line-height: 22px;
|
|
2244
|
+
}
|
|
1780
2245
|
|
|
1781
2246
|
.ql-snow .ql-picker-options {
|
|
1782
2247
|
background-color: #fff;
|
|
@@ -1784,53 +2249,65 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1784
2249
|
min-width: 100%;
|
|
1785
2250
|
padding: 4px 8px;
|
|
1786
2251
|
position: absolute;
|
|
1787
|
-
white-space: nowrap;
|
|
2252
|
+
white-space: nowrap;
|
|
2253
|
+
}
|
|
1788
2254
|
|
|
1789
2255
|
.ql-snow .ql-picker-options .ql-picker-item {
|
|
1790
2256
|
cursor: pointer;
|
|
1791
2257
|
display: block;
|
|
1792
2258
|
padding-bottom: 5px;
|
|
1793
|
-
padding-top: 5px;
|
|
2259
|
+
padding-top: 5px;
|
|
2260
|
+
}
|
|
1794
2261
|
|
|
1795
2262
|
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
|
|
1796
2263
|
color: #ccc;
|
|
1797
|
-
z-index: 2;
|
|
2264
|
+
z-index: 2;
|
|
2265
|
+
}
|
|
1798
2266
|
|
|
1799
2267
|
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
|
|
1800
|
-
fill: #ccc;
|
|
2268
|
+
fill: #ccc;
|
|
2269
|
+
}
|
|
1801
2270
|
|
|
1802
2271
|
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
|
|
1803
|
-
stroke: #ccc;
|
|
2272
|
+
stroke: #ccc;
|
|
2273
|
+
}
|
|
1804
2274
|
|
|
1805
2275
|
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
|
|
1806
2276
|
display: block;
|
|
1807
2277
|
margin-top: -1px;
|
|
1808
2278
|
top: 100%;
|
|
1809
|
-
z-index: 1;
|
|
2279
|
+
z-index: 1;
|
|
2280
|
+
}
|
|
1810
2281
|
|
|
1811
2282
|
.ql-snow .ql-color-picker,
|
|
1812
2283
|
.ql-snow .ql-icon-picker {
|
|
1813
|
-
width: 28px;
|
|
2284
|
+
width: 28px;
|
|
2285
|
+
}
|
|
1814
2286
|
|
|
1815
2287
|
.ql-snow .ql-color-picker .ql-picker-label,
|
|
1816
2288
|
.ql-snow .ql-icon-picker .ql-picker-label {
|
|
1817
|
-
padding: 2px 4px;
|
|
2289
|
+
padding: 2px 4px;
|
|
2290
|
+
}
|
|
1818
2291
|
|
|
1819
2292
|
.ql-snow .ql-color-picker .ql-picker-label svg,
|
|
1820
2293
|
.ql-snow .ql-icon-picker .ql-picker-label svg {
|
|
1821
|
-
right: 4px;
|
|
2294
|
+
right: 4px;
|
|
2295
|
+
}
|
|
1822
2296
|
|
|
1823
2297
|
.ql-snow .ql-icon-picker .ql-picker-options {
|
|
1824
|
-
padding: 4px 0px;
|
|
2298
|
+
padding: 4px 0px;
|
|
2299
|
+
}
|
|
1825
2300
|
|
|
1826
2301
|
.ql-snow .ql-icon-picker .ql-picker-item {
|
|
1827
2302
|
height: 24px;
|
|
1828
2303
|
width: 24px;
|
|
1829
|
-
padding: 2px 4px;
|
|
2304
|
+
padding: 2px 4px;
|
|
2305
|
+
}
|
|
1830
2306
|
|
|
1831
2307
|
.ql-snow .ql-color-picker .ql-picker-options {
|
|
1832
2308
|
padding: 3px 5px;
|
|
1833
|
-
width: 152px;
|
|
2309
|
+
width: 152px;
|
|
2310
|
+
}
|
|
1834
2311
|
|
|
1835
2312
|
.ql-snow .ql-color-picker .ql-picker-item {
|
|
1836
2313
|
border: 1px solid transparent;
|
|
@@ -1838,155 +2315,196 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1838
2315
|
height: 16px;
|
|
1839
2316
|
margin: 2px;
|
|
1840
2317
|
padding: 0px;
|
|
1841
|
-
width: 16px;
|
|
2318
|
+
width: 16px;
|
|
2319
|
+
}
|
|
1842
2320
|
|
|
1843
2321
|
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
|
|
1844
2322
|
position: absolute;
|
|
1845
2323
|
margin-top: -9px;
|
|
1846
2324
|
right: 0;
|
|
1847
2325
|
top: 50%;
|
|
1848
|
-
width: 18px;
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
.ql-snow .ql-picker.ql-
|
|
1852
|
-
.ql-snow .ql-picker.ql-
|
|
1853
|
-
.ql-snow .ql-picker.ql-
|
|
1854
|
-
.ql-snow .ql-picker.ql-
|
|
1855
|
-
.ql-snow .ql-picker.ql-
|
|
1856
|
-
|
|
2326
|
+
width: 18px;
|
|
2327
|
+
}
|
|
2328
|
+
|
|
2329
|
+
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
|
|
2330
|
+
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
|
|
2331
|
+
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
|
|
2332
|
+
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
|
|
2333
|
+
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
|
|
2334
|
+
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
|
|
2335
|
+
content: attr(data-label);
|
|
2336
|
+
}
|
|
1857
2337
|
|
|
1858
2338
|
.ql-snow .ql-picker.ql-header {
|
|
1859
|
-
width: 98px;
|
|
2339
|
+
width: 98px;
|
|
2340
|
+
}
|
|
1860
2341
|
|
|
1861
2342
|
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
|
|
1862
2343
|
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
|
|
1863
|
-
content:
|
|
2344
|
+
content: "Normal";
|
|
2345
|
+
}
|
|
1864
2346
|
|
|
1865
2347
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
|
|
1866
2348
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
|
|
1867
|
-
content:
|
|
2349
|
+
content: "Heading 1";
|
|
2350
|
+
}
|
|
1868
2351
|
|
|
1869
2352
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
|
|
1870
2353
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
|
|
1871
|
-
content:
|
|
2354
|
+
content: "Heading 2";
|
|
2355
|
+
}
|
|
1872
2356
|
|
|
1873
2357
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
|
|
1874
2358
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
|
|
1875
|
-
content:
|
|
2359
|
+
content: "Heading 3";
|
|
2360
|
+
}
|
|
1876
2361
|
|
|
1877
2362
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
|
|
1878
2363
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
|
|
1879
|
-
content:
|
|
2364
|
+
content: "Heading 4";
|
|
2365
|
+
}
|
|
1880
2366
|
|
|
1881
2367
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
|
|
1882
2368
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
|
|
1883
|
-
content:
|
|
2369
|
+
content: "Heading 5";
|
|
2370
|
+
}
|
|
1884
2371
|
|
|
1885
2372
|
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
|
|
1886
2373
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
|
|
1887
|
-
content:
|
|
2374
|
+
content: "Heading 6";
|
|
2375
|
+
}
|
|
1888
2376
|
|
|
1889
2377
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
|
|
1890
|
-
font-size: 2em;
|
|
2378
|
+
font-size: 2em;
|
|
2379
|
+
}
|
|
1891
2380
|
|
|
1892
2381
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
|
|
1893
|
-
font-size: 1.5em;
|
|
2382
|
+
font-size: 1.5em;
|
|
2383
|
+
}
|
|
1894
2384
|
|
|
1895
2385
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
|
|
1896
|
-
font-size: 1.17em;
|
|
2386
|
+
font-size: 1.17em;
|
|
2387
|
+
}
|
|
1897
2388
|
|
|
1898
2389
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
|
|
1899
|
-
font-size: 1em;
|
|
2390
|
+
font-size: 1em;
|
|
2391
|
+
}
|
|
1900
2392
|
|
|
1901
2393
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
|
|
1902
|
-
font-size: 0.83em;
|
|
2394
|
+
font-size: 0.83em;
|
|
2395
|
+
}
|
|
1903
2396
|
|
|
1904
2397
|
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
|
|
1905
|
-
font-size: 0.67em;
|
|
2398
|
+
font-size: 0.67em;
|
|
2399
|
+
}
|
|
1906
2400
|
|
|
1907
2401
|
.ql-snow .ql-picker.ql-font {
|
|
1908
|
-
width: 108px;
|
|
2402
|
+
width: 108px;
|
|
2403
|
+
}
|
|
1909
2404
|
|
|
1910
2405
|
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
|
|
1911
2406
|
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
|
|
1912
|
-
content:
|
|
2407
|
+
content: "Sans Serif";
|
|
2408
|
+
}
|
|
1913
2409
|
|
|
1914
2410
|
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
|
|
1915
2411
|
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
|
|
1916
|
-
content:
|
|
2412
|
+
content: "Serif";
|
|
2413
|
+
}
|
|
1917
2414
|
|
|
1918
2415
|
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
|
|
1919
2416
|
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
|
|
1920
|
-
content:
|
|
2417
|
+
content: "Monospace";
|
|
2418
|
+
}
|
|
1921
2419
|
|
|
1922
2420
|
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
|
|
1923
|
-
font-family: Georgia, Times New Roman, serif;
|
|
2421
|
+
font-family: Georgia, Times New Roman, serif;
|
|
2422
|
+
}
|
|
1924
2423
|
|
|
1925
2424
|
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
|
|
1926
|
-
font-family: Monaco, Courier New, monospace;
|
|
2425
|
+
font-family: Monaco, Courier New, monospace;
|
|
2426
|
+
}
|
|
1927
2427
|
|
|
1928
2428
|
.ql-snow .ql-picker.ql-size {
|
|
1929
|
-
width: 98px;
|
|
2429
|
+
width: 98px;
|
|
2430
|
+
}
|
|
1930
2431
|
|
|
1931
2432
|
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
|
|
1932
2433
|
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
|
|
1933
|
-
content:
|
|
2434
|
+
content: "Normal";
|
|
2435
|
+
}
|
|
1934
2436
|
|
|
1935
2437
|
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
|
|
1936
2438
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
|
|
1937
|
-
content:
|
|
2439
|
+
content: "Small";
|
|
2440
|
+
}
|
|
1938
2441
|
|
|
1939
2442
|
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
|
|
1940
2443
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
|
|
1941
|
-
content:
|
|
2444
|
+
content: "Large";
|
|
2445
|
+
}
|
|
1942
2446
|
|
|
1943
2447
|
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
|
|
1944
2448
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
|
|
1945
|
-
content:
|
|
2449
|
+
content: "Huge";
|
|
2450
|
+
}
|
|
1946
2451
|
|
|
1947
2452
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
|
|
1948
|
-
font-size: 10px;
|
|
2453
|
+
font-size: 10px;
|
|
2454
|
+
}
|
|
1949
2455
|
|
|
1950
2456
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
|
|
1951
|
-
font-size: 18px;
|
|
2457
|
+
font-size: 18px;
|
|
2458
|
+
}
|
|
1952
2459
|
|
|
1953
2460
|
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
|
|
1954
|
-
font-size: 32px;
|
|
2461
|
+
font-size: 32px;
|
|
2462
|
+
}
|
|
1955
2463
|
|
|
1956
2464
|
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
|
|
1957
|
-
background-color: #fff;
|
|
2465
|
+
background-color: #fff;
|
|
2466
|
+
}
|
|
1958
2467
|
|
|
1959
2468
|
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
|
|
1960
|
-
background-color: #000;
|
|
2469
|
+
background-color: #000;
|
|
2470
|
+
}
|
|
1961
2471
|
|
|
1962
2472
|
.ql-toolbar.ql-snow {
|
|
1963
2473
|
border: 1px solid #ccc;
|
|
1964
2474
|
box-sizing: border-box;
|
|
1965
|
-
font-family:
|
|
1966
|
-
padding: 8px;
|
|
2475
|
+
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
|
|
2476
|
+
padding: 8px;
|
|
2477
|
+
}
|
|
1967
2478
|
|
|
1968
2479
|
.ql-toolbar.ql-snow .ql-formats {
|
|
1969
|
-
margin-right: 15px;
|
|
2480
|
+
margin-right: 15px;
|
|
2481
|
+
}
|
|
1970
2482
|
|
|
1971
2483
|
.ql-toolbar.ql-snow .ql-picker-label {
|
|
1972
|
-
border: 1px solid transparent;
|
|
2484
|
+
border: 1px solid transparent;
|
|
2485
|
+
}
|
|
1973
2486
|
|
|
1974
2487
|
.ql-toolbar.ql-snow .ql-picker-options {
|
|
1975
2488
|
border: 1px solid transparent;
|
|
1976
|
-
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
|
|
2489
|
+
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
|
|
2490
|
+
}
|
|
1977
2491
|
|
|
1978
2492
|
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
|
|
1979
|
-
border-color: #ccc;
|
|
2493
|
+
border-color: #ccc;
|
|
2494
|
+
}
|
|
1980
2495
|
|
|
1981
2496
|
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
|
|
1982
|
-
border-color: #ccc;
|
|
2497
|
+
border-color: #ccc;
|
|
2498
|
+
}
|
|
1983
2499
|
|
|
1984
2500
|
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
|
|
1985
2501
|
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
|
|
1986
|
-
border-color: #000;
|
|
2502
|
+
border-color: #000;
|
|
2503
|
+
}
|
|
1987
2504
|
|
|
1988
2505
|
.ql-toolbar.ql-snow + .ql-container.ql-snow {
|
|
1989
|
-
border-top: 0px;
|
|
2506
|
+
border-top: 0px;
|
|
2507
|
+
}
|
|
1990
2508
|
|
|
1991
2509
|
.ql-snow .ql-tooltip {
|
|
1992
2510
|
background-color: #fff;
|
|
@@ -1994,12 +2512,14 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
1994
2512
|
box-shadow: 0px 0px 5px #ddd;
|
|
1995
2513
|
color: #444;
|
|
1996
2514
|
padding: 5px 12px;
|
|
1997
|
-
white-space: nowrap;
|
|
2515
|
+
white-space: nowrap;
|
|
2516
|
+
}
|
|
1998
2517
|
|
|
1999
2518
|
.ql-snow .ql-tooltip::before {
|
|
2000
2519
|
content: "Visit URL:";
|
|
2001
2520
|
line-height: 26px;
|
|
2002
|
-
margin-right: 8px;
|
|
2521
|
+
margin-right: 8px;
|
|
2522
|
+
}
|
|
2003
2523
|
|
|
2004
2524
|
.ql-snow .ql-tooltip input[type=text] {
|
|
2005
2525
|
display: none;
|
|
@@ -2008,54 +2528,67 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
2008
2528
|
height: 26px;
|
|
2009
2529
|
margin: 0px;
|
|
2010
2530
|
padding: 3px 5px;
|
|
2011
|
-
width: 170px;
|
|
2531
|
+
width: 170px;
|
|
2532
|
+
}
|
|
2012
2533
|
|
|
2013
2534
|
.ql-snow .ql-tooltip a.ql-preview {
|
|
2014
2535
|
display: inline-block;
|
|
2015
2536
|
max-width: 200px;
|
|
2016
2537
|
overflow-x: hidden;
|
|
2017
2538
|
text-overflow: ellipsis;
|
|
2018
|
-
vertical-align: top;
|
|
2539
|
+
vertical-align: top;
|
|
2540
|
+
}
|
|
2019
2541
|
|
|
2020
2542
|
.ql-snow .ql-tooltip a.ql-action::after {
|
|
2021
2543
|
border-right: 1px solid #ccc;
|
|
2022
|
-
content:
|
|
2544
|
+
content: "Edit";
|
|
2023
2545
|
margin-left: 16px;
|
|
2024
|
-
padding-right: 8px;
|
|
2546
|
+
padding-right: 8px;
|
|
2547
|
+
}
|
|
2025
2548
|
|
|
2026
2549
|
.ql-snow .ql-tooltip a.ql-remove::before {
|
|
2027
|
-
content:
|
|
2028
|
-
margin-left: 8px;
|
|
2550
|
+
content: "Remove";
|
|
2551
|
+
margin-left: 8px;
|
|
2552
|
+
}
|
|
2029
2553
|
|
|
2030
2554
|
.ql-snow .ql-tooltip a {
|
|
2031
|
-
line-height: 26px;
|
|
2555
|
+
line-height: 26px;
|
|
2556
|
+
}
|
|
2032
2557
|
|
|
2033
2558
|
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
|
|
2034
2559
|
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
|
|
2035
|
-
display: none;
|
|
2560
|
+
display: none;
|
|
2561
|
+
}
|
|
2036
2562
|
|
|
2037
2563
|
.ql-snow .ql-tooltip.ql-editing input[type=text] {
|
|
2038
|
-
display: inline-block;
|
|
2564
|
+
display: inline-block;
|
|
2565
|
+
}
|
|
2039
2566
|
|
|
2040
2567
|
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
|
|
2041
2568
|
border-right: 0px;
|
|
2042
|
-
content:
|
|
2043
|
-
padding-right: 0px;
|
|
2569
|
+
content: "Save";
|
|
2570
|
+
padding-right: 0px;
|
|
2571
|
+
}
|
|
2044
2572
|
|
|
2045
2573
|
.ql-snow .ql-tooltip[data-mode=link]::before {
|
|
2046
|
-
content: "Enter link:";
|
|
2574
|
+
content: "Enter link:";
|
|
2575
|
+
}
|
|
2047
2576
|
|
|
2048
2577
|
.ql-snow .ql-tooltip[data-mode=formula]::before {
|
|
2049
|
-
content: "Enter formula:";
|
|
2578
|
+
content: "Enter formula:";
|
|
2579
|
+
}
|
|
2050
2580
|
|
|
2051
2581
|
.ql-snow .ql-tooltip[data-mode=video]::before {
|
|
2052
|
-
content: "Enter video:";
|
|
2582
|
+
content: "Enter video:";
|
|
2583
|
+
}
|
|
2053
2584
|
|
|
2054
2585
|
.ql-snow a {
|
|
2055
|
-
color: #06c;
|
|
2586
|
+
color: #06c;
|
|
2587
|
+
}
|
|
2056
2588
|
|
|
2057
2589
|
.ql-container.ql-snow {
|
|
2058
|
-
border: 1px solid #ccc;
|
|
2590
|
+
border: 1px solid #ccc;
|
|
2591
|
+
}
|
|
2059
2592
|
|
|
2060
2593
|
/* a screen reader friendly approach */
|
|
2061
2594
|
.fwe-divider-y {
|
|
@@ -2063,249 +2596,306 @@ label.fwe-input-text .fwe-input-text-count {
|
|
|
2063
2596
|
top: 6px;
|
|
2064
2597
|
height: 24px;
|
|
2065
2598
|
width: 1px;
|
|
2066
|
-
background-color: var(--fwe-gray-400);
|
|
2599
|
+
background-color: var(--fwe-gray-400);
|
|
2600
|
+
}
|
|
2067
2601
|
|
|
2068
2602
|
.fwe-editor {
|
|
2069
2603
|
min-height: 100%;
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2604
|
+
}
|
|
2605
|
+
.fwe-editor-toolbar {
|
|
2606
|
+
min-width: 375px;
|
|
2607
|
+
}
|
|
2608
|
+
.fwe-editor-container {
|
|
2609
|
+
order: 2;
|
|
2610
|
+
height: 160px;
|
|
2611
|
+
min-width: 375px;
|
|
2612
|
+
min-height: 100%;
|
|
2613
|
+
overflow-y: auto;
|
|
2614
|
+
scrollbar-width: thin;
|
|
2615
|
+
scrollbar-color: var(--fwe-icon-gray) var(--fwe-gray-100);
|
|
2616
|
+
margin-top: 8px;
|
|
2617
|
+
padding-bottom: 4px;
|
|
2618
|
+
border-bottom: var(--fwe-gray-400) solid 1px;
|
|
2619
|
+
}
|
|
2620
|
+
.fwe-editor-container::-webkit-scrollbar {
|
|
2621
|
+
width: 12px;
|
|
2622
|
+
}
|
|
2623
|
+
.fwe-editor-container::-webkit-scrollbar-track {
|
|
2624
|
+
background: var(--fwe-gray-100);
|
|
2625
|
+
}
|
|
2626
|
+
.fwe-editor-container::-webkit-scrollbar-thumb {
|
|
2627
|
+
overflow: visible;
|
|
2628
|
+
background-color: var(--fwe-icon-gray);
|
|
2629
|
+
border: 3px solid var(--fwe-gray-100);
|
|
2630
|
+
border-radius: 6px;
|
|
2631
|
+
}
|
|
2632
|
+
.fwe-editor-container:hover {
|
|
2633
|
+
border-bottom: var(--fwe-caerul) solid 1px;
|
|
2634
|
+
}
|
|
2635
|
+
.fwe-editor-container--error, .fwe-editor-container--error:hover {
|
|
2636
|
+
border-bottom: var(--fwe-red) solid 1px;
|
|
2637
|
+
}
|
|
2638
|
+
.fwe-editor-container[contenteditable=true] {
|
|
2639
|
+
outline: none;
|
|
2640
|
+
}
|
|
2641
|
+
.fwe-editor-container[contenteditable=true]:focus {
|
|
2642
|
+
border-bottom: var(--fwe-caerul) solid 1px;
|
|
2643
|
+
}
|
|
2101
2644
|
|
|
2102
2645
|
label.fwe-input-text {
|
|
2103
|
-
line-height: 24px;
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2646
|
+
line-height: 24px;
|
|
2647
|
+
}
|
|
2648
|
+
label.fwe-input-text .fwe-input-text-count {
|
|
2649
|
+
display: block;
|
|
2650
|
+
line-height: 1.5;
|
|
2651
|
+
position: absolute;
|
|
2652
|
+
right: 0;
|
|
2653
|
+
bottom: 0;
|
|
2654
|
+
z-index: 1;
|
|
2655
|
+
color: var(--fwe-text-disabled);
|
|
2656
|
+
font-size: 12px;
|
|
2657
|
+
}
|
|
2658
|
+
label.fwe-input-text .fwe-input-text-label {
|
|
2659
|
+
order: -1;
|
|
2660
|
+
}
|
|
2661
|
+
label.fwe-input-text .fwe-text-editor-info {
|
|
2662
|
+
white-space: nowrap;
|
|
2663
|
+
overflow: hidden;
|
|
2664
|
+
text-overflow: ellipsis;
|
|
2665
|
+
display: inline-block;
|
|
2666
|
+
line-height: 1.5;
|
|
2667
|
+
position: absolute;
|
|
2668
|
+
left: 0;
|
|
2669
|
+
top: unset;
|
|
2670
|
+
bottom: 0;
|
|
2671
|
+
z-index: 2;
|
|
2672
|
+
color: var(--fwe-text-disabled);
|
|
2673
|
+
font-size: 12px;
|
|
2674
|
+
}
|
|
2675
|
+
label.fwe-input-text .fwe-text-editor-invalid {
|
|
2676
|
+
line-height: 1.5;
|
|
2677
|
+
position: absolute;
|
|
2678
|
+
left: 0;
|
|
2679
|
+
bottom: 0;
|
|
2680
|
+
z-index: 2;
|
|
2681
|
+
color: var(--fwe-red);
|
|
2682
|
+
font-size: 12px;
|
|
2683
|
+
}
|
|
2684
|
+
label.fwe-input-text .fwe-text-editor-invalid ~ .fwe-text-editor-info {
|
|
2685
|
+
display: none;
|
|
2686
|
+
}
|
|
2687
|
+
label.fwe-input-text.fwe-disabled {
|
|
2688
|
+
color: var(--fwe-text-disabled);
|
|
2689
|
+
}
|
|
2690
|
+
label.fwe-input-text.fwe-disabled .fwe-input-text-label {
|
|
2691
|
+
color: var(--fwe-text-disabled);
|
|
2692
|
+
}
|
|
2693
|
+
label.fwe-input-text.fwe-disabled .fwe-editor-container {
|
|
2694
|
+
border-bottom: 1px solid var(--fwe-control-disabled) !important;
|
|
2695
|
+
}
|
|
2696
|
+
label.fwe-input-text.fwe-disabled .fwe-editor-container:hover {
|
|
2697
|
+
border-bottom: 1px solid var(--fwe-control-disabled) !important;
|
|
2698
|
+
}
|
|
2699
|
+
label.fwe-input-text.fwe-disabled .fwe-divider-y {
|
|
2700
|
+
background-color: var(--fwe-text-disabled);
|
|
2701
|
+
}
|
|
2148
2702
|
|
|
2149
2703
|
.fwe-text-bold {
|
|
2150
|
-
font-weight: 700;
|
|
2704
|
+
font-weight: 700;
|
|
2705
|
+
}
|
|
2151
2706
|
|
|
2152
2707
|
.fwe-text-italic {
|
|
2153
|
-
font-style: italic;
|
|
2708
|
+
font-style: italic;
|
|
2709
|
+
}
|
|
2154
2710
|
|
|
2155
2711
|
.fwe-text-underline {
|
|
2156
|
-
text-decoration: underline;
|
|
2712
|
+
text-decoration: underline;
|
|
2713
|
+
}
|
|
2157
2714
|
|
|
2158
2715
|
.ql-tooltip {
|
|
2159
|
-
z-index: 1070;
|
|
2716
|
+
z-index: 1070;
|
|
2717
|
+
}
|
|
2160
2718
|
|
|
2161
2719
|
.ql-editor {
|
|
2162
2720
|
font-family: "MetaPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
2163
2721
|
font-size: 16px;
|
|
2164
2722
|
padding: 0;
|
|
2165
2723
|
min-height: 72px;
|
|
2166
|
-
overflow-x: hidden;
|
|
2167
|
-
|
|
2168
|
-
|
|
2169
|
-
|
|
2170
|
-
|
|
2171
|
-
|
|
2172
|
-
|
|
2173
|
-
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2724
|
+
overflow-x: hidden;
|
|
2725
|
+
}
|
|
2726
|
+
.ql-editor p::-moz-selection, .ql-editor strong::-moz-selection, .ql-editor em::-moz-selection, .ql-editor u::-moz-selection, .ql-editor ul::-moz-selection, .ql-editor ol::-moz-selection, .ql-editor li::-moz-selection, .ql-editor a::-moz-selection {
|
|
2727
|
+
background: var(--fwe-icon-hero-light);
|
|
2728
|
+
}
|
|
2729
|
+
.ql-editor p::selection,
|
|
2730
|
+
.ql-editor strong::selection,
|
|
2731
|
+
.ql-editor em::selection,
|
|
2732
|
+
.ql-editor u::selection,
|
|
2733
|
+
.ql-editor ul::selection,
|
|
2734
|
+
.ql-editor ol::selection,
|
|
2735
|
+
.ql-editor li::selection,
|
|
2736
|
+
.ql-editor a::selection {
|
|
2737
|
+
background: var(--fwe-icon-hero-light);
|
|
2738
|
+
}
|
|
2178
2739
|
|
|
2179
2740
|
.ql-container.ql-snow {
|
|
2180
2741
|
border: 0;
|
|
2181
|
-
background-color: var(--fwe-white);
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2742
|
+
background-color: var(--fwe-white);
|
|
2743
|
+
}
|
|
2744
|
+
.ql-container.ql-snow .ql-tooltip {
|
|
2745
|
+
transform: translate(160px, 12px);
|
|
2746
|
+
color: var(--fwe-black);
|
|
2747
|
+
box-shadow: -1px 1px 4px -1px #33333333;
|
|
2748
|
+
border: 1px solid var(--fwe-gray-200);
|
|
2749
|
+
}
|
|
2750
|
+
.ql-container.ql-snow .ql-tooltip input {
|
|
2751
|
+
border: 1px solid var(--fwe-gray-200);
|
|
2752
|
+
}
|
|
2753
|
+
.ql-container.ql-snow .ql-tooltip input::-moz-selection {
|
|
2754
|
+
background: var(--fwe-icon-hero-light);
|
|
2755
|
+
}
|
|
2756
|
+
.ql-container.ql-snow .ql-tooltip input::selection {
|
|
2757
|
+
background: var(--fwe-icon-hero-light);
|
|
2758
|
+
}
|
|
2759
|
+
.ql-container.ql-snow a {
|
|
2760
|
+
color: var(--fwe-caerul);
|
|
2761
|
+
}
|
|
2195
2762
|
|
|
2196
2763
|
.ql-toolbar.ql-snow {
|
|
2197
2764
|
border: 0;
|
|
2198
2765
|
border-bottom: 1px solid var(--fwe-gray-400);
|
|
2199
|
-
padding: 4px 0 8px 0;
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2209
|
-
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2766
|
+
padding: 4px 0 8px 0;
|
|
2767
|
+
}
|
|
2768
|
+
.ql-toolbar.ql-snow button {
|
|
2769
|
+
line-height: normal;
|
|
2770
|
+
box-sizing: border-box;
|
|
2771
|
+
display: inline-flex;
|
|
2772
|
+
align-items: center;
|
|
2773
|
+
text-align: center;
|
|
2774
|
+
padding: 0 8px;
|
|
2775
|
+
min-height: unset;
|
|
2776
|
+
color: var(--fwe-black);
|
|
2777
|
+
background: none;
|
|
2778
|
+
border-radius: 4px;
|
|
2779
|
+
cursor: pointer;
|
|
2780
|
+
border: none;
|
|
2781
|
+
width: unset;
|
|
2782
|
+
max-width: 24px;
|
|
2783
|
+
justify-content: center;
|
|
2784
|
+
align-items: center;
|
|
2785
|
+
float: unset;
|
|
2786
|
+
}
|
|
2787
|
+
.ql-toolbar.ql-snow button:hover {
|
|
2788
|
+
background-color: var(--fwe-control-dark);
|
|
2789
|
+
color: var(--fwe-black);
|
|
2790
|
+
}
|
|
2791
|
+
.ql-toolbar.ql-snow button:active {
|
|
2792
|
+
background-color: var(--fwe-control-darker);
|
|
2793
|
+
}
|
|
2794
|
+
.ql-toolbar.ql-snow button.fwe-active {
|
|
2795
|
+
background-color: var(--fwe-control);
|
|
2796
|
+
}
|
|
2797
|
+
.ql-toolbar.ql-snow button.fwe-btn-toolbar-list {
|
|
2798
|
+
padding: 0 6px;
|
|
2799
|
+
}
|
|
2800
|
+
.ql-toolbar.ql-snow button.fwe-btn-toolbar-list-alignments {
|
|
2801
|
+
position: relative;
|
|
2802
|
+
top: -2px;
|
|
2803
|
+
}
|
|
2804
|
+
.ql-toolbar.ql-snow button.fr-button i {
|
|
2805
|
+
pointer-events: none;
|
|
2806
|
+
}
|
|
2807
|
+
.ql-toolbar.ql-snow button.fr-button div {
|
|
2808
|
+
pointer-events: none;
|
|
2809
|
+
}
|
|
2235
2810
|
.ql-toolbar .fr-button-text {
|
|
2236
2811
|
min-width: 12px;
|
|
2237
|
-
line-height: 16px;
|
|
2812
|
+
line-height: 16px;
|
|
2813
|
+
}
|
|
2238
2814
|
|
|
2239
2815
|
label.fwe-input-text.fwe-disabled .ql-toolbar {
|
|
2240
|
-
pointer-events: none;
|
|
2241
|
-
|
|
2242
|
-
|
|
2816
|
+
pointer-events: none;
|
|
2817
|
+
}
|
|
2818
|
+
label.fwe-input-text.fwe-disabled .ql-toolbar button {
|
|
2819
|
+
color: var(--fwe-text-disabled);
|
|
2820
|
+
}
|
|
2243
2821
|
|
|
2244
2822
|
.fwe-icon-text-align-center {
|
|
2245
2823
|
width: 12px;
|
|
2246
2824
|
height: 10px;
|
|
2247
|
-
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M5,7h6V9H5Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');
|
|
2248
|
-
|
|
2249
|
-
|
|
2825
|
+
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M5,7h6V9H5Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');
|
|
2826
|
+
}
|
|
2827
|
+
.fwe-icon-text-align-center.fwe-gray {
|
|
2828
|
+
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="rgb(185, 186, 187)" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M5,7h6V9H5Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');
|
|
2829
|
+
}
|
|
2250
2830
|
|
|
2251
2831
|
.fwe-icon-text-align-right {
|
|
2252
2832
|
width: 12px;
|
|
2253
2833
|
height: 10px;
|
|
2254
|
-
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M8,7h6V9H8Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2834
|
+
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M8,7h6V9H8Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');
|
|
2835
|
+
}
|
|
2836
|
+
.fwe-icon-text-align-right.fwe-gray {
|
|
2837
|
+
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="rgb(185, 186, 187)" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M8,7h6V9H8Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');
|
|
2838
|
+
}
|
|
2258
2839
|
.fwe-modal-footer-prompt {
|
|
2259
2840
|
border-top: 1px solid var(--fwe-white);
|
|
2260
|
-
margin-top: 0;
|
|
2261
|
-
|
|
2841
|
+
margin-top: 0;
|
|
2842
|
+
}
|
|
2262
2843
|
.fwe-popover-menu #tooltip {
|
|
2263
2844
|
background: #fff;
|
|
2264
2845
|
line-height: 1.5rem;
|
|
2265
2846
|
padding: 16px;
|
|
2266
2847
|
font-size: 16px;
|
|
2267
|
-
box-shadow: 0px 1px 4px #33333333;
|
|
2268
|
-
|
|
2848
|
+
box-shadow: 0px 1px 4px #33333333;
|
|
2849
|
+
}
|
|
2269
2850
|
.fwe-popover-menu .fwe-popover {
|
|
2270
2851
|
font-size: 16px;
|
|
2271
2852
|
line-height: 1.5rem;
|
|
2272
|
-
padding: 16px;
|
|
2273
|
-
|
|
2853
|
+
padding: 16px;
|
|
2854
|
+
}
|
|
2274
2855
|
.fwe-popover-menu .fwe-list-group .fwe-list-group-item {
|
|
2275
2856
|
border-bottom: none;
|
|
2276
2857
|
min-height: 36px;
|
|
2277
|
-
padding: 0;
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2858
|
+
padding: 0;
|
|
2859
|
+
}
|
|
2860
|
+
.fwe-popover-menu .fwe-list-group .fwe-list-group-item button {
|
|
2861
|
+
width: 100%;
|
|
2862
|
+
margin-left: inherit;
|
|
2863
|
+
padding: 0 8px 0 0;
|
|
2864
|
+
text-align: left;
|
|
2865
|
+
height: 32px;
|
|
2866
|
+
max-height: 32px;
|
|
2867
|
+
display: inline-flex;
|
|
2868
|
+
}
|
|
2869
|
+
.fwe-popover-menu .fwe-list-group .fwe-list-group-item button:hover {
|
|
2870
|
+
color: var(--fwe-black);
|
|
2871
|
+
}
|
|
2872
|
+
.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i {
|
|
2873
|
+
display: inline-flex;
|
|
2874
|
+
align-items: center;
|
|
2875
|
+
justify-content: center;
|
|
2876
|
+
flex-wrap: nowrap;
|
|
2877
|
+
height: 24px;
|
|
2878
|
+
width: 32px;
|
|
2879
|
+
}
|
|
2880
|
+
.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i::before {
|
|
2881
|
+
display: inline-flex;
|
|
2882
|
+
}
|
|
2883
|
+
.fwe-popover-menu .fwe-list-group .fwe-list-group-item button span {
|
|
2884
|
+
display: inline-flex;
|
|
2885
|
+
height: 24px;
|
|
2886
|
+
}
|
|
2887
|
+
.fwe-popover-menu .fwe-list-group .fwe-list-group-item button [class*=" fwe-icon-"] {
|
|
2888
|
+
margin-left: inherit;
|
|
2889
|
+
}
|
|
2890
|
+
.fwe-popover-menu .fwe-list-group .fwe-list-group-item:hover {
|
|
2891
|
+
color: var(--fwe-black);
|
|
2892
|
+
background-color: #3333331a;
|
|
2893
|
+
}
|
|
2894
|
+
.fwe-popover-menu .fwe-list-group .fwe-list-group-item:active {
|
|
2895
|
+
background-color: #33333333;
|
|
2896
|
+
}
|
|
2308
2897
|
.fr-tooltip-container {
|
|
2309
2898
|
width: -webkit-fit-content;
|
|
2310
2899
|
width: -moz-fit-content;
|
|
2311
|
-
width: fit-content;
|
|
2900
|
+
width: fit-content;
|
|
2901
|
+
}
|