@tabler/core 1.0.0-beta11 → 1.0.0-beta12
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 +33 -10
- package/dist/css/demo.css +251 -379
- package/dist/css/demo.min.css +3 -3
- package/dist/css/demo.rtl.css +251 -379
- package/dist/css/demo.rtl.min.css +3 -3
- package/dist/css/tabler-flags.css +266 -529
- package/dist/css/tabler-flags.min.css +3 -3
- package/dist/css/tabler-flags.rtl.css +266 -529
- package/dist/css/tabler-flags.rtl.min.css +3 -3
- package/dist/css/tabler-payments.css +127 -252
- package/dist/css/tabler-payments.min.css +2 -2
- package/dist/css/tabler-payments.rtl.css +127 -252
- package/dist/css/tabler-payments.rtl.min.css +2 -2
- package/dist/css/tabler-vendors.css +480 -679
- package/dist/css/tabler-vendors.min.css +3 -3
- package/dist/css/tabler-vendors.rtl.css +480 -679
- package/dist/css/tabler-vendors.rtl.min.css +3 -3
- package/dist/css/tabler.css +10041 -14881
- package/dist/css/tabler.min.css +4 -4
- package/dist/css/tabler.rtl.css +10041 -14880
- package/dist/css/tabler.rtl.min.css +4 -4
- package/dist/js/demo-theme.js +32 -0
- package/dist/js/demo-theme.min.js +9 -0
- package/dist/js/demo.js +2 -12
- package/dist/js/demo.min.js +3 -3
- package/dist/js/tabler.esm.js +90 -61
- package/dist/js/tabler.esm.min.js +9 -3
- package/dist/js/tabler.js +112 -61
- package/dist/js/tabler.min.js +9 -3
- package/dist/libs/apexcharts/dist/apexcharts.amd.js +1 -1
- package/dist/libs/apexcharts/dist/apexcharts.common.js +3 -3
- package/dist/libs/apexcharts/dist/apexcharts.esm.js +3 -3
- package/dist/libs/apexcharts/dist/apexcharts.js +27 -8
- package/dist/libs/apexcharts/dist/apexcharts.min.js +3 -3
- package/dist/libs/bootstrap/dist/js/bootstrap.bundle.js +131 -107
- package/dist/libs/bootstrap/dist/js/bootstrap.bundle.js.map +1 -1
- package/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js +2 -2
- package/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js.map +1 -1
- package/dist/libs/bootstrap/dist/js/bootstrap.esm.js +70 -57
- package/dist/libs/bootstrap/dist/js/bootstrap.esm.js.map +1 -1
- package/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js +2 -2
- package/dist/libs/bootstrap/dist/js/bootstrap.esm.min.js.map +1 -1
- package/dist/libs/bootstrap/dist/js/bootstrap.js +71 -58
- package/dist/libs/bootstrap/dist/js/bootstrap.js.map +1 -1
- package/dist/libs/bootstrap/dist/js/bootstrap.min.js +2 -2
- package/dist/libs/bootstrap/dist/js/bootstrap.min.js.map +1 -1
- package/dist/libs/jsvectormap/dist/js/jsvectormap.js +1061 -1066
- package/dist/libs/jsvectormap/dist/js/jsvectormap.min.js +1 -1
- package/dist/libs/nouislider/dist/nouislider.d.ts +1 -1
- package/package.json +68 -22
- package/src/js/demo-theme.js +25 -0
- package/src/js/demo.js +0 -17
- package/src/js/src/tabler.js +17 -0
- package/src/js/tabler.js +2 -0
- package/src/scss/_core.scss +1 -0
- package/src/scss/_mixins-override.scss +26 -26
- package/src/scss/_utilities.scss +2 -2
- package/src/scss/_variables.scss +207 -89
- package/src/scss/demo/_examples.scss +2 -2
- package/src/scss/demo/_highlight.scss +3 -3
- package/src/scss/demo.scss +4 -4
- package/src/scss/fonts/_webfonts.scss +0 -50
- package/src/scss/layout/_core.scss +2 -23
- package/src/scss/layout/_dark.scss +8 -6
- package/src/scss/layout/_footer.scss +2 -2
- package/src/scss/layout/_navbar.scss +7 -5
- package/src/scss/layout/_page.scss +8 -6
- package/src/scss/layout/_root.scss +37 -0
- package/src/scss/mixins/_functions.scss +2 -2
- package/src/scss/mixins/_mixins.scss +3 -2
- package/src/scss/ui/_accordion.scss +1 -1
- package/src/scss/ui/_alerts.scss +1 -1
- package/src/scss/ui/_avatars.scss +5 -5
- package/src/scss/ui/_badges.scss +2 -2
- package/src/scss/ui/_buttons.scss +25 -17
- package/src/scss/ui/_calendars.scss +8 -8
- package/src/scss/ui/_cards.scss +28 -31
- package/src/scss/ui/_carousel.scss +1 -1
- package/src/scss/ui/_chips.scss +0 -0
- package/src/scss/ui/_empty.scss +3 -3
- package/src/scss/ui/_flags.scss +2 -2
- package/src/scss/ui/_forms.scss +7 -7
- package/src/scss/ui/_grid.scss +8 -9
- package/src/scss/ui/_icons.scss +64 -4
- package/src/scss/ui/_legend.scss +8 -4
- package/src/scss/ui/_lists.scss +16 -13
- package/src/scss/ui/_markdown.scss +2 -3
- package/src/scss/ui/_modals.scss +1 -1
- package/src/scss/ui/_nav.scss +7 -7
- package/src/scss/ui/_offcanvas.scss +2 -2
- package/src/scss/ui/_pagination.scss +10 -6
- package/src/scss/ui/_placeholder.scss +1 -1
- package/src/scss/ui/_progress.scss +45 -6
- package/src/scss/ui/_ribbons.scss +5 -5
- package/src/scss/ui/_status.scss +2 -2
- package/src/scss/ui/_steps.scss +2 -2
- package/src/scss/ui/_tables.scss +26 -5
- package/src/scss/ui/_toasts.scss +0 -1
- package/src/scss/ui/_type.scss +45 -30
- package/src/scss/ui/forms/_form-check.scss +26 -1
- package/src/scss/ui/forms/_form-colorinput.scss +2 -2
- package/src/scss/ui/forms/_form-icon.scss +1 -1
- package/src/scss/ui/forms/_form-imagecheck.scss +4 -4
- package/src/scss/ui/forms/_form-selectgroup.scss +7 -7
- package/src/scss/ui/typo/_hr.scss +2 -3
- package/src/scss/utils/_colors.scss +14 -5
- package/src/scss/vendor/_dropzone.scss +1 -1
- package/src/scss/vendor/_jsvectormap.scss +7 -7
- package/src/scss/vendor/_litepicker.scss +11 -11
- package/src/scss/vendor/_plyr.scss +1 -1
- package/src/scss/vendor/_tinymce.scss +3 -3
- package/src/scss/vendor/_tom-select.scss +2 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Tabler v1.0.0-
|
|
3
|
-
* @version 1.0.0-
|
|
2
|
+
* Tabler v1.0.0-beta12 (https://tabler.io)
|
|
3
|
+
* @version 1.0.0-beta12
|
|
4
4
|
* @link https://tabler.io
|
|
5
5
|
* Copyright 2018-2022 The Tabler Authors
|
|
6
6
|
* Copyright 2018-2022 codecalm.net Paweł Kuna
|
|
@@ -19,27 +19,23 @@
|
|
|
19
19
|
-ms-user-select: none;
|
|
20
20
|
-moz-user-select: none;
|
|
21
21
|
user-select: none;
|
|
22
|
-
box-sizing: border-box;
|
|
23
|
-
}
|
|
22
|
+
box-sizing: border-box; }
|
|
24
23
|
|
|
25
24
|
.noUi-target {
|
|
26
|
-
position: relative;
|
|
27
|
-
}
|
|
25
|
+
position: relative; }
|
|
28
26
|
|
|
29
27
|
.noUi-base,
|
|
30
28
|
.noUi-connects {
|
|
31
29
|
width: 100%;
|
|
32
30
|
height: 100%;
|
|
33
31
|
position: relative;
|
|
34
|
-
z-index: 1;
|
|
35
|
-
}
|
|
32
|
+
z-index: 1; }
|
|
36
33
|
|
|
37
34
|
/* Wrapper for all connect elements.
|
|
38
35
|
*/
|
|
39
36
|
.noUi-connects {
|
|
40
37
|
overflow: hidden;
|
|
41
|
-
z-index: 0;
|
|
42
|
-
}
|
|
38
|
+
z-index: 0; }
|
|
43
39
|
|
|
44
40
|
.noUi-connect,
|
|
45
41
|
.noUi-origin {
|
|
@@ -54,76 +50,63 @@
|
|
|
54
50
|
-webkit-transform-origin: 0 0;
|
|
55
51
|
-webkit-transform-style: preserve-3d;
|
|
56
52
|
transform-origin: 0 0;
|
|
57
|
-
transform-style: flat;
|
|
58
|
-
}
|
|
53
|
+
transform-style: flat; }
|
|
59
54
|
|
|
60
55
|
/* Offset direction
|
|
61
56
|
*/
|
|
62
57
|
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
|
|
63
58
|
left: 0;
|
|
64
|
-
right: auto;
|
|
65
|
-
}
|
|
59
|
+
right: auto; }
|
|
66
60
|
|
|
67
61
|
/* Give origins 0 height/width so they don't interfere with clicking the
|
|
68
62
|
* connect elements.
|
|
69
63
|
*/
|
|
70
64
|
.noUi-vertical .noUi-origin {
|
|
71
65
|
top: -100%;
|
|
72
|
-
width: 0;
|
|
73
|
-
}
|
|
66
|
+
width: 0; }
|
|
74
67
|
|
|
75
68
|
.noUi-horizontal .noUi-origin {
|
|
76
|
-
height: 0;
|
|
77
|
-
}
|
|
69
|
+
height: 0; }
|
|
78
70
|
|
|
79
71
|
.noUi-handle {
|
|
80
72
|
-webkit-backface-visibility: hidden;
|
|
81
73
|
backface-visibility: hidden;
|
|
82
|
-
position: absolute;
|
|
83
|
-
}
|
|
74
|
+
position: absolute; }
|
|
84
75
|
|
|
85
76
|
.noUi-touch-area {
|
|
86
77
|
height: 100%;
|
|
87
|
-
width: 100%;
|
|
88
|
-
}
|
|
78
|
+
width: 100%; }
|
|
89
79
|
|
|
90
80
|
.noUi-state-tap .noUi-connect,
|
|
91
81
|
.noUi-state-tap .noUi-origin {
|
|
92
|
-
transition: transform 0.3s;
|
|
93
|
-
}
|
|
82
|
+
transition: transform 0.3s; }
|
|
94
83
|
|
|
95
84
|
.noUi-state-drag * {
|
|
96
|
-
cursor: inherit !important;
|
|
97
|
-
}
|
|
85
|
+
cursor: inherit !important; }
|
|
98
86
|
|
|
99
87
|
/* Slider size and handle placement;
|
|
100
88
|
*/
|
|
101
89
|
.noUi-horizontal {
|
|
102
|
-
height: 18px;
|
|
103
|
-
}
|
|
90
|
+
height: 18px; }
|
|
104
91
|
|
|
105
92
|
.noUi-horizontal .noUi-handle {
|
|
106
93
|
width: 34px;
|
|
107
94
|
height: 28px;
|
|
108
95
|
right: -17px;
|
|
109
|
-
top: -6px;
|
|
110
|
-
}
|
|
96
|
+
top: -6px; }
|
|
111
97
|
|
|
112
98
|
.noUi-vertical {
|
|
113
|
-
width: 18px;
|
|
114
|
-
}
|
|
99
|
+
width: 18px; }
|
|
115
100
|
|
|
116
101
|
.noUi-vertical .noUi-handle {
|
|
117
102
|
width: 28px;
|
|
118
103
|
height: 34px;
|
|
119
104
|
right: -6px;
|
|
120
|
-
bottom: -17px;
|
|
121
|
-
}
|
|
105
|
+
bottom: -17px; }
|
|
122
106
|
|
|
123
107
|
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
|
|
124
108
|
left: -17px;
|
|
125
|
-
right: auto;
|
|
126
|
-
}
|
|
109
|
+
right: auto; }
|
|
127
110
|
|
|
128
111
|
/* Styling;
|
|
129
112
|
* Giving the connect element a border radius causes issues with using transform: scale
|
|
@@ -132,38 +115,31 @@
|
|
|
132
115
|
background: #FAFAFA;
|
|
133
116
|
border-radius: 4px;
|
|
134
117
|
border: 1px solid #D3D3D3;
|
|
135
|
-
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
|
|
136
|
-
}
|
|
118
|
+
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }
|
|
137
119
|
|
|
138
120
|
.noUi-connects {
|
|
139
|
-
border-radius: 3px;
|
|
140
|
-
}
|
|
121
|
+
border-radius: 3px; }
|
|
141
122
|
|
|
142
123
|
.noUi-connect {
|
|
143
|
-
background: #3FB8AF;
|
|
144
|
-
}
|
|
124
|
+
background: #3FB8AF; }
|
|
145
125
|
|
|
146
126
|
/* Handles and cursors;
|
|
147
127
|
*/
|
|
148
128
|
.noUi-draggable {
|
|
149
|
-
cursor: ew-resize;
|
|
150
|
-
}
|
|
129
|
+
cursor: ew-resize; }
|
|
151
130
|
|
|
152
131
|
.noUi-vertical .noUi-draggable {
|
|
153
|
-
cursor: ns-resize;
|
|
154
|
-
}
|
|
132
|
+
cursor: ns-resize; }
|
|
155
133
|
|
|
156
134
|
.noUi-handle {
|
|
157
135
|
border: 1px solid #D9D9D9;
|
|
158
136
|
border-radius: 3px;
|
|
159
137
|
background: #FFF;
|
|
160
138
|
cursor: default;
|
|
161
|
-
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
|
|
162
|
-
}
|
|
139
|
+
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }
|
|
163
140
|
|
|
164
141
|
.noUi-active {
|
|
165
|
-
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
|
|
166
|
-
}
|
|
142
|
+
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
|
|
167
143
|
|
|
168
144
|
/* Handle stripes;
|
|
169
145
|
*/
|
|
@@ -176,49 +152,41 @@
|
|
|
176
152
|
width: 1px;
|
|
177
153
|
background: #E8E7E6;
|
|
178
154
|
left: 14px;
|
|
179
|
-
top: 6px;
|
|
180
|
-
}
|
|
155
|
+
top: 6px; }
|
|
181
156
|
|
|
182
157
|
.noUi-handle:after {
|
|
183
|
-
left: 17px;
|
|
184
|
-
}
|
|
158
|
+
left: 17px; }
|
|
185
159
|
|
|
186
160
|
.noUi-vertical .noUi-handle:before,
|
|
187
161
|
.noUi-vertical .noUi-handle:after {
|
|
188
162
|
width: 14px;
|
|
189
163
|
height: 1px;
|
|
190
164
|
left: 6px;
|
|
191
|
-
top: 14px;
|
|
192
|
-
}
|
|
165
|
+
top: 14px; }
|
|
193
166
|
|
|
194
167
|
.noUi-vertical .noUi-handle:after {
|
|
195
|
-
top: 17px;
|
|
196
|
-
}
|
|
168
|
+
top: 17px; }
|
|
197
169
|
|
|
198
170
|
/* Disabled state;
|
|
199
171
|
*/
|
|
200
172
|
[disabled] .noUi-connect {
|
|
201
|
-
background: #B8B8B8;
|
|
202
|
-
}
|
|
173
|
+
background: #B8B8B8; }
|
|
203
174
|
|
|
204
175
|
[disabled].noUi-target,
|
|
205
176
|
[disabled].noUi-handle,
|
|
206
177
|
[disabled] .noUi-handle {
|
|
207
|
-
cursor: not-allowed;
|
|
208
|
-
}
|
|
178
|
+
cursor: not-allowed; }
|
|
209
179
|
|
|
210
180
|
/* Base;
|
|
211
181
|
*
|
|
212
182
|
*/
|
|
213
183
|
.noUi-pips,
|
|
214
184
|
.noUi-pips * {
|
|
215
|
-
box-sizing: border-box;
|
|
216
|
-
}
|
|
185
|
+
box-sizing: border-box; }
|
|
217
186
|
|
|
218
187
|
.noUi-pips {
|
|
219
188
|
position: absolute;
|
|
220
|
-
color: #999;
|
|
221
|
-
}
|
|
189
|
+
color: #999; }
|
|
222
190
|
|
|
223
191
|
/* Values;
|
|
224
192
|
*
|
|
@@ -226,29 +194,24 @@
|
|
|
226
194
|
.noUi-value {
|
|
227
195
|
position: absolute;
|
|
228
196
|
white-space: nowrap;
|
|
229
|
-
text-align: center;
|
|
230
|
-
}
|
|
197
|
+
text-align: center; }
|
|
231
198
|
|
|
232
199
|
.noUi-value-sub {
|
|
233
200
|
color: #ccc;
|
|
234
|
-
font-size: 10px;
|
|
235
|
-
}
|
|
201
|
+
font-size: 10px; }
|
|
236
202
|
|
|
237
203
|
/* Markings;
|
|
238
204
|
*
|
|
239
205
|
*/
|
|
240
206
|
.noUi-marker {
|
|
241
207
|
position: absolute;
|
|
242
|
-
background: #CCC;
|
|
243
|
-
}
|
|
208
|
+
background: #CCC; }
|
|
244
209
|
|
|
245
210
|
.noUi-marker-sub {
|
|
246
|
-
background: #AAA;
|
|
247
|
-
}
|
|
211
|
+
background: #AAA; }
|
|
248
212
|
|
|
249
213
|
.noUi-marker-large {
|
|
250
|
-
background: #AAA;
|
|
251
|
-
}
|
|
214
|
+
background: #AAA; }
|
|
252
215
|
|
|
253
216
|
/* Horizontal layout;
|
|
254
217
|
*
|
|
@@ -258,30 +221,24 @@
|
|
|
258
221
|
height: 80px;
|
|
259
222
|
top: 100%;
|
|
260
223
|
left: 0;
|
|
261
|
-
width: 100%;
|
|
262
|
-
}
|
|
224
|
+
width: 100%; }
|
|
263
225
|
|
|
264
226
|
.noUi-value-horizontal {
|
|
265
|
-
transform: translate(-50%, 50%);
|
|
266
|
-
}
|
|
227
|
+
transform: translate(-50%, 50%); }
|
|
267
228
|
|
|
268
229
|
.noUi-rtl .noUi-value-horizontal {
|
|
269
|
-
transform: translate(50%, 50%);
|
|
270
|
-
}
|
|
230
|
+
transform: translate(50%, 50%); }
|
|
271
231
|
|
|
272
232
|
.noUi-marker-horizontal.noUi-marker {
|
|
273
233
|
margin-left: -1px;
|
|
274
234
|
width: 2px;
|
|
275
|
-
height: 5px;
|
|
276
|
-
}
|
|
235
|
+
height: 5px; }
|
|
277
236
|
|
|
278
237
|
.noUi-marker-horizontal.noUi-marker-sub {
|
|
279
|
-
height: 10px;
|
|
280
|
-
}
|
|
238
|
+
height: 10px; }
|
|
281
239
|
|
|
282
240
|
.noUi-marker-horizontal.noUi-marker-large {
|
|
283
|
-
height: 15px;
|
|
284
|
-
}
|
|
241
|
+
height: 15px; }
|
|
285
242
|
|
|
286
243
|
/* Vertical layout;
|
|
287
244
|
*
|
|
@@ -290,31 +247,25 @@
|
|
|
290
247
|
padding: 0 10px;
|
|
291
248
|
height: 100%;
|
|
292
249
|
top: 0;
|
|
293
|
-
left: 100%;
|
|
294
|
-
}
|
|
250
|
+
left: 100%; }
|
|
295
251
|
|
|
296
252
|
.noUi-value-vertical {
|
|
297
253
|
transform: translate(0, -50%);
|
|
298
|
-
padding-left: 25px;
|
|
299
|
-
}
|
|
254
|
+
padding-left: 25px; }
|
|
300
255
|
|
|
301
256
|
.noUi-rtl .noUi-value-vertical {
|
|
302
|
-
transform: translate(0, 50%);
|
|
303
|
-
}
|
|
257
|
+
transform: translate(0, 50%); }
|
|
304
258
|
|
|
305
259
|
.noUi-marker-vertical.noUi-marker {
|
|
306
260
|
width: 5px;
|
|
307
261
|
height: 2px;
|
|
308
|
-
margin-top: -1px;
|
|
309
|
-
}
|
|
262
|
+
margin-top: -1px; }
|
|
310
263
|
|
|
311
264
|
.noUi-marker-vertical.noUi-marker-sub {
|
|
312
|
-
width: 10px;
|
|
313
|
-
}
|
|
265
|
+
width: 10px; }
|
|
314
266
|
|
|
315
267
|
.noUi-marker-vertical.noUi-marker-large {
|
|
316
|
-
width: 15px;
|
|
317
|
-
}
|
|
268
|
+
width: 15px; }
|
|
318
269
|
|
|
319
270
|
.noUi-tooltip {
|
|
320
271
|
display: block;
|
|
@@ -325,129 +276,106 @@
|
|
|
325
276
|
color: #000;
|
|
326
277
|
padding: 5px;
|
|
327
278
|
text-align: center;
|
|
328
|
-
white-space: nowrap;
|
|
329
|
-
}
|
|
279
|
+
white-space: nowrap; }
|
|
330
280
|
|
|
331
281
|
.noUi-horizontal .noUi-tooltip {
|
|
332
282
|
transform: translate(-50%, 0);
|
|
333
283
|
left: 50%;
|
|
334
|
-
bottom: 120%;
|
|
335
|
-
}
|
|
284
|
+
bottom: 120%; }
|
|
336
285
|
|
|
337
286
|
.noUi-vertical .noUi-tooltip {
|
|
338
287
|
transform: translate(0, -50%);
|
|
339
288
|
top: 50%;
|
|
340
|
-
right: 120%;
|
|
341
|
-
}
|
|
289
|
+
right: 120%; }
|
|
342
290
|
|
|
343
291
|
.noUi-horizontal .noUi-origin > .noUi-tooltip {
|
|
344
292
|
transform: translate(50%, 0);
|
|
345
293
|
left: auto;
|
|
346
|
-
bottom: 10px;
|
|
347
|
-
}
|
|
294
|
+
bottom: 10px; }
|
|
348
295
|
|
|
349
296
|
.noUi-vertical .noUi-origin > .noUi-tooltip {
|
|
350
297
|
transform: translate(0, -18px);
|
|
351
298
|
top: auto;
|
|
352
|
-
right: 28px;
|
|
353
|
-
}
|
|
299
|
+
right: 28px; }
|
|
354
300
|
|
|
355
301
|
.noUi-target {
|
|
356
302
|
border: 0;
|
|
357
303
|
box-shadow: none;
|
|
358
304
|
background: none;
|
|
359
305
|
border-radius: 0;
|
|
360
|
-
color:
|
|
361
|
-
}
|
|
306
|
+
color: var(--tblr-primary); }
|
|
362
307
|
|
|
363
308
|
.noUi-horizontal {
|
|
364
309
|
height: 1.25rem;
|
|
365
|
-
padding:
|
|
366
|
-
}
|
|
310
|
+
padding: .5rem 0; }
|
|
367
311
|
|
|
368
312
|
.noUi-base {
|
|
369
|
-
background: var(--tblr-
|
|
370
|
-
border-radius: 1rem;
|
|
371
|
-
}
|
|
313
|
+
background: var(--tblr-gray-200);
|
|
314
|
+
border-radius: 1rem; }
|
|
372
315
|
|
|
373
316
|
.noUi-handle {
|
|
374
317
|
width: 1rem;
|
|
375
318
|
height: 1rem;
|
|
376
|
-
border: 2px solid
|
|
319
|
+
border: 2px solid #ffffff;
|
|
377
320
|
box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
|
|
378
321
|
border-radius: 1rem;
|
|
379
322
|
background: currentColor;
|
|
380
|
-
outline: 0;
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
}
|
|
392
|
-
.noUi-handle.noUi-active, .noUi-handle:focus {
|
|
393
|
-
box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
|
|
394
|
-
}
|
|
323
|
+
outline: 0; }
|
|
324
|
+
.noUi-handle:before, .noUi-handle:after {
|
|
325
|
+
content: none; }
|
|
326
|
+
.noUi-horizontal .noUi-handle {
|
|
327
|
+
width: 1rem;
|
|
328
|
+
height: 1rem;
|
|
329
|
+
top: -0.5rem;
|
|
330
|
+
right: -0.5rem;
|
|
331
|
+
margin: 1px 1px 0 0; }
|
|
332
|
+
.noUi-handle.noUi-active, .noUi-handle:focus {
|
|
333
|
+
box-shadow: 0 0 0 1px #f1f5f9, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
|
|
395
334
|
|
|
396
335
|
.noUi-connect {
|
|
397
|
-
background: currentColor;
|
|
398
|
-
}
|
|
336
|
+
background: currentColor; }
|
|
399
337
|
|
|
400
338
|
.litepicker {
|
|
401
|
-
--litepicker-month-weekday-color:
|
|
402
|
-
--litepicker-button-prev-month-color:
|
|
403
|
-
--litepicker-button-next-month-color:
|
|
404
|
-
--litepicker-button-prev-month-color-hover:
|
|
405
|
-
--litepicker-button-next-month-color-hover:
|
|
339
|
+
--litepicker-month-weekday-color: var(--tblr-muted);
|
|
340
|
+
--litepicker-button-prev-month-color: var(--tblr-muted);
|
|
341
|
+
--litepicker-button-next-month-color: var(--tblr-muted);
|
|
342
|
+
--litepicker-button-prev-month-color-hover: var(--tblr-primary);
|
|
343
|
+
--litepicker-button-next-month-color-hover: var(--tblr-primary);
|
|
406
344
|
--litepicker-day-color: var(--tblr-body-color);
|
|
407
|
-
--litepicker-day-color-hover:
|
|
408
|
-
--litepicker-is-end-color-bg:
|
|
409
|
-
--litepicker-is-today-color:
|
|
345
|
+
--litepicker-day-color-hover: var(--tblr-primary);
|
|
346
|
+
--litepicker-is-end-color-bg: var(--tblr-primary);
|
|
347
|
+
--litepicker-is-today-color: var(--tblr-primary);
|
|
410
348
|
--litepicker-month-header-color: var(--tblr-body-color);
|
|
411
349
|
--litepicker-container-months-color-bg: var(--tblr-card-bg);
|
|
412
350
|
font: inherit;
|
|
413
351
|
-webkit-user-select: none;
|
|
414
352
|
-moz-user-select: none;
|
|
415
353
|
-ms-user-select: none;
|
|
416
|
-
user-select: none;
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
}
|
|
426
|
-
.litepicker .container__months .
|
|
427
|
-
.litepicker .container__months .
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
cursor: pointer !important;
|
|
433
|
-
}
|
|
434
|
-
.litepicker .container__months .month-item-weekdays-row > div {
|
|
435
|
-
padding: 0.5rem 0 !important;
|
|
436
|
-
font-size: 0.75rem;
|
|
437
|
-
}
|
|
438
|
-
.litepicker .container__days .day-item {
|
|
439
|
-
cursor: pointer !important;
|
|
440
|
-
padding: 0.5rem 0 !important;
|
|
441
|
-
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
|
|
442
|
-
}
|
|
443
|
-
@media (prefers-reduced-motion: reduce) {
|
|
354
|
+
user-select: none; }
|
|
355
|
+
.litepicker svg {
|
|
356
|
+
fill: none !important; }
|
|
357
|
+
.litepicker .container__main {
|
|
358
|
+
border: var(--tblr-border-width) solid var(--tblr-border-color);
|
|
359
|
+
border-radius: var(--tblr-border-radius);
|
|
360
|
+
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
|
|
361
|
+
.litepicker .container__months .month-item-name,
|
|
362
|
+
.litepicker .container__months .month-item-year {
|
|
363
|
+
font-weight: var(--tblr-font-weight-medium) !important; }
|
|
364
|
+
.litepicker .container__months .button-next-month,
|
|
365
|
+
.litepicker .container__months .button-prev-month {
|
|
366
|
+
cursor: pointer !important; }
|
|
367
|
+
.litepicker .container__months .month-item-weekdays-row > div {
|
|
368
|
+
padding: .5rem 0 !important;
|
|
369
|
+
font-size: 0.75rem; }
|
|
444
370
|
.litepicker .container__days .day-item {
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
}
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
}
|
|
371
|
+
cursor: pointer !important;
|
|
372
|
+
padding: .5rem 0 !important;
|
|
373
|
+
transition: color 0.3s, background-color 0.3s, border-color 0.3s; }
|
|
374
|
+
@media (prefers-reduced-motion: reduce) {
|
|
375
|
+
.litepicker .container__days .day-item {
|
|
376
|
+
transition: none; } }
|
|
377
|
+
.datepicker-inline .litepicker .container__months {
|
|
378
|
+
box-shadow: none; }
|
|
451
379
|
|
|
452
380
|
/**
|
|
453
381
|
* Tom Select bootstrap 5
|
|
@@ -467,31 +395,28 @@
|
|
|
467
395
|
*
|
|
468
396
|
*/
|
|
469
397
|
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
|
|
470
|
-
cursor: pointer;
|
|
471
|
-
}
|
|
398
|
+
cursor: pointer; }
|
|
472
399
|
|
|
473
400
|
.ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
|
|
474
401
|
visibility: visible !important;
|
|
475
402
|
background: #f2f2f2 !important;
|
|
476
403
|
background: rgba(0, 0, 0, 0.06) !important;
|
|
477
404
|
border: 0 none !important;
|
|
478
|
-
box-shadow: inset 0 0 12px 4px #fff;
|
|
479
|
-
|
|
405
|
+
box-shadow: inset 0 0 12px 4px #fff; }
|
|
406
|
+
|
|
480
407
|
.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after {
|
|
481
|
-
content:
|
|
482
|
-
visibility: hidden;
|
|
483
|
-
|
|
408
|
+
content: '!';
|
|
409
|
+
visibility: hidden; }
|
|
410
|
+
|
|
484
411
|
.ts-wrapper.plugin-drag_drop .ui-sortable-helper {
|
|
485
|
-
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
|
486
|
-
}
|
|
412
|
+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
|
|
487
413
|
|
|
488
414
|
.plugin-checkbox_options .option input {
|
|
489
|
-
margin-right: 0.5rem;
|
|
490
|
-
}
|
|
415
|
+
margin-right: 0.5rem; }
|
|
491
416
|
|
|
492
417
|
.plugin-clear_button .ts-control {
|
|
493
|
-
padding-right: calc(1em + (3 * 5px)) !important;
|
|
494
|
-
|
|
418
|
+
padding-right: calc( 1em + (3 * 5px)) !important; }
|
|
419
|
+
|
|
495
420
|
.plugin-clear_button .clear-button {
|
|
496
421
|
opacity: 0;
|
|
497
422
|
position: absolute;
|
|
@@ -500,41 +425,40 @@
|
|
|
500
425
|
margin-right: 0 !important;
|
|
501
426
|
background: transparent !important;
|
|
502
427
|
transition: opacity 0.5s;
|
|
503
|
-
cursor: pointer;
|
|
504
|
-
|
|
428
|
+
cursor: pointer; }
|
|
429
|
+
|
|
505
430
|
.plugin-clear_button.single .clear-button {
|
|
506
|
-
right: calc(0.75rem - 5px +
|
|
507
|
-
|
|
508
|
-
.plugin-clear_button.focus.has-items .clear-button,
|
|
509
|
-
|
|
510
|
-
}
|
|
431
|
+
right: calc(0.75rem - 5px + 2rem); }
|
|
432
|
+
|
|
433
|
+
.plugin-clear_button.focus.has-items .clear-button,
|
|
434
|
+
.plugin-clear_button:not(.disabled):hover.has-items .clear-button {
|
|
435
|
+
opacity: 1; }
|
|
511
436
|
|
|
512
437
|
.ts-wrapper .dropdown-header {
|
|
513
438
|
position: relative;
|
|
514
439
|
padding: 6px 0.75rem;
|
|
515
440
|
border-bottom: 1px solid #d0d0d0;
|
|
516
441
|
background: #f8f8f8;
|
|
517
|
-
border-radius:
|
|
518
|
-
|
|
442
|
+
border-radius: var(--tblr-border-radius) var(--tblr-border-radius) 0 0; }
|
|
443
|
+
|
|
519
444
|
.ts-wrapper .dropdown-header-close {
|
|
520
445
|
position: absolute;
|
|
521
446
|
right: 0.75rem;
|
|
522
447
|
top: 50%;
|
|
523
|
-
color: #
|
|
448
|
+
color: #1d273b;
|
|
524
449
|
opacity: 0.4;
|
|
525
450
|
margin-top: -12px;
|
|
526
451
|
line-height: 20px;
|
|
527
|
-
font-size: 20px !important;
|
|
528
|
-
|
|
452
|
+
font-size: 20px !important; }
|
|
453
|
+
|
|
529
454
|
.ts-wrapper .dropdown-header-close:hover {
|
|
530
|
-
color: black;
|
|
531
|
-
}
|
|
455
|
+
color: black; }
|
|
532
456
|
|
|
533
457
|
.plugin-dropdown_input.focus.dropdown-active .ts-control {
|
|
534
458
|
box-shadow: none;
|
|
535
|
-
border: 1px solid
|
|
536
|
-
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
537
|
-
|
|
459
|
+
border: 1px solid var(--tblr-border-color);
|
|
460
|
+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
|
|
461
|
+
|
|
538
462
|
.plugin-dropdown_input .dropdown-input {
|
|
539
463
|
border: 1px solid #d0d0d0;
|
|
540
464
|
border-width: 0 0 1px 0;
|
|
@@ -542,70 +466,63 @@
|
|
|
542
466
|
padding: 0.4375rem 0.75rem;
|
|
543
467
|
box-shadow: none;
|
|
544
468
|
width: 100%;
|
|
545
|
-
background: transparent;
|
|
546
|
-
|
|
469
|
+
background: transparent; }
|
|
470
|
+
|
|
547
471
|
.plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
|
|
548
472
|
border-color: #90b5e2;
|
|
549
473
|
outline: 0;
|
|
550
|
-
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
|
|
551
|
-
|
|
474
|
+
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
|
|
475
|
+
|
|
552
476
|
.plugin-dropdown_input .items-placeholder {
|
|
553
477
|
border: 0 none !important;
|
|
554
478
|
box-shadow: none !important;
|
|
555
|
-
width: 100%;
|
|
556
|
-
|
|
557
|
-
.plugin-dropdown_input.has-items .items-placeholder,
|
|
558
|
-
|
|
559
|
-
}
|
|
479
|
+
width: 100%; }
|
|
480
|
+
|
|
481
|
+
.plugin-dropdown_input.has-items .items-placeholder,
|
|
482
|
+
.plugin-dropdown_input.dropdown-active .items-placeholder {
|
|
483
|
+
display: none !important; }
|
|
560
484
|
|
|
561
485
|
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
|
|
562
|
-
min-width: 0;
|
|
563
|
-
|
|
486
|
+
min-width: 0; }
|
|
487
|
+
|
|
564
488
|
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
|
|
565
489
|
flex: none;
|
|
566
|
-
min-width: 4px;
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
}
|
|
571
|
-
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
}
|
|
577
|
-
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
|
|
578
|
-
color: transparent;
|
|
579
|
-
}
|
|
580
|
-
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
|
|
581
|
-
color: transparent;
|
|
582
|
-
}
|
|
490
|
+
min-width: 4px; }
|
|
491
|
+
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
|
|
492
|
+
color: transparent; }
|
|
493
|
+
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
|
|
494
|
+
color: transparent; }
|
|
495
|
+
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {
|
|
496
|
+
color: transparent; }
|
|
497
|
+
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
|
|
498
|
+
color: transparent; }
|
|
499
|
+
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
|
|
500
|
+
color: transparent; }
|
|
583
501
|
|
|
584
502
|
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
|
|
585
|
-
display: flex;
|
|
586
|
-
|
|
503
|
+
display: flex; }
|
|
504
|
+
|
|
587
505
|
.ts-dropdown.plugin-optgroup_columns .optgroup {
|
|
588
506
|
border-right: 1px solid #f2f2f2;
|
|
589
507
|
border-top: 0 none;
|
|
590
508
|
flex-grow: 1;
|
|
591
509
|
flex-basis: 0;
|
|
592
|
-
min-width: 0;
|
|
593
|
-
|
|
510
|
+
min-width: 0; }
|
|
511
|
+
|
|
594
512
|
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
|
|
595
|
-
border-right: 0 none;
|
|
596
|
-
|
|
513
|
+
border-right: 0 none; }
|
|
514
|
+
|
|
597
515
|
.ts-dropdown.plugin-optgroup_columns .optgroup:before {
|
|
598
|
-
display: none;
|
|
599
|
-
|
|
516
|
+
display: none; }
|
|
517
|
+
|
|
600
518
|
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
|
|
601
|
-
border-top: 0 none;
|
|
602
|
-
}
|
|
519
|
+
border-top: 0 none; }
|
|
603
520
|
|
|
604
521
|
.ts-wrapper.plugin-remove_button .item {
|
|
605
522
|
display: inline-flex;
|
|
606
523
|
align-items: center;
|
|
607
|
-
padding-right: 0 !important;
|
|
608
|
-
|
|
524
|
+
padding-right: 0 !important; }
|
|
525
|
+
|
|
609
526
|
.ts-wrapper.plugin-remove_button .item .remove {
|
|
610
527
|
color: inherit;
|
|
611
528
|
text-decoration: none;
|
|
@@ -615,49 +532,45 @@
|
|
|
615
532
|
border-left: 1px solid #e6e7e9;
|
|
616
533
|
border-radius: 0 2px 2px 0;
|
|
617
534
|
box-sizing: border-box;
|
|
618
|
-
margin-left: 5px;
|
|
619
|
-
|
|
535
|
+
margin-left: 5px; }
|
|
536
|
+
|
|
620
537
|
.ts-wrapper.plugin-remove_button .item .remove:hover {
|
|
621
|
-
background: rgba(0, 0, 0, 0.05);
|
|
622
|
-
|
|
538
|
+
background: rgba(0, 0, 0, 0.05); }
|
|
539
|
+
|
|
623
540
|
.ts-wrapper.plugin-remove_button .item.active .remove {
|
|
624
|
-
border-left-color: rgba(0, 0, 0, 0);
|
|
625
|
-
|
|
541
|
+
border-left-color: rgba(0, 0, 0, 0); }
|
|
542
|
+
|
|
626
543
|
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
|
|
627
|
-
background: none;
|
|
628
|
-
|
|
544
|
+
background: none; }
|
|
545
|
+
|
|
629
546
|
.ts-wrapper.plugin-remove_button.disabled .item .remove {
|
|
630
|
-
border-left-color: white;
|
|
631
|
-
|
|
547
|
+
border-left-color: white; }
|
|
548
|
+
|
|
632
549
|
.ts-wrapper.plugin-remove_button .remove-single {
|
|
633
550
|
position: absolute;
|
|
634
551
|
right: 0;
|
|
635
552
|
top: 0;
|
|
636
|
-
font-size: 23px;
|
|
637
|
-
}
|
|
553
|
+
font-size: 23px; }
|
|
638
554
|
|
|
639
555
|
.ts-wrapper {
|
|
640
|
-
position: relative;
|
|
641
|
-
}
|
|
556
|
+
position: relative; }
|
|
642
557
|
|
|
643
558
|
.ts-dropdown,
|
|
644
559
|
.ts-control,
|
|
645
560
|
.ts-control input {
|
|
646
|
-
color: #
|
|
561
|
+
color: #1d273b;
|
|
647
562
|
font-family: inherit;
|
|
648
563
|
font-size: inherit;
|
|
649
|
-
line-height: 1.
|
|
650
|
-
font-smoothing: inherit;
|
|
651
|
-
}
|
|
564
|
+
line-height: 1.4285714;
|
|
565
|
+
font-smoothing: inherit; }
|
|
652
566
|
|
|
653
567
|
.ts-control,
|
|
654
568
|
.ts-wrapper.single.input-active .ts-control {
|
|
655
569
|
background: #ffffff;
|
|
656
|
-
cursor: text;
|
|
657
|
-
}
|
|
570
|
+
cursor: text; }
|
|
658
571
|
|
|
659
572
|
.ts-control {
|
|
660
|
-
border: 1px solid
|
|
573
|
+
border: 1px solid var(--tblr-border-color);
|
|
661
574
|
padding: 0.4375rem 0.75rem;
|
|
662
575
|
width: 100%;
|
|
663
576
|
overflow: hidden;
|
|
@@ -665,91 +578,74 @@
|
|
|
665
578
|
z-index: 1;
|
|
666
579
|
box-sizing: border-box;
|
|
667
580
|
box-shadow: none;
|
|
668
|
-
border-radius:
|
|
581
|
+
border-radius: var(--tblr-border-radius);
|
|
669
582
|
display: flex;
|
|
670
|
-
flex-wrap: wrap;
|
|
671
|
-
|
|
672
|
-
.
|
|
673
|
-
|
|
674
|
-
}
|
|
675
|
-
.
|
|
676
|
-
|
|
677
|
-
}
|
|
678
|
-
.
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
.
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
}
|
|
737
|
-
.ts-control.rtl.single .ts-control:after {
|
|
738
|
-
left: calc(0.75rem + 5px);
|
|
739
|
-
right: auto;
|
|
740
|
-
}
|
|
741
|
-
.ts-control.rtl .ts-control > input {
|
|
742
|
-
margin: 0px 4px 0px -2px !important;
|
|
743
|
-
}
|
|
744
|
-
.disabled .ts-control {
|
|
745
|
-
opacity: 0.5;
|
|
746
|
-
background-color: #fafbfc;
|
|
747
|
-
}
|
|
748
|
-
.input-hidden .ts-control > input {
|
|
749
|
-
opacity: 0;
|
|
750
|
-
position: absolute;
|
|
751
|
-
left: -10000px;
|
|
752
|
-
}
|
|
583
|
+
flex-wrap: wrap; }
|
|
584
|
+
.ts-wrapper.multi.has-items .ts-control {
|
|
585
|
+
padding: calc( 0.4375rem - 1px - 0px) 0.75rem calc( 0.4375rem - 1px - 3px - 0px); }
|
|
586
|
+
.full .ts-control {
|
|
587
|
+
background-color: #ffffff; }
|
|
588
|
+
.disabled .ts-control,
|
|
589
|
+
.disabled .ts-control * {
|
|
590
|
+
cursor: default !important; }
|
|
591
|
+
.focus .ts-control {
|
|
592
|
+
box-shadow: none; }
|
|
593
|
+
.ts-control > * {
|
|
594
|
+
vertical-align: baseline;
|
|
595
|
+
display: inline-block; }
|
|
596
|
+
.ts-wrapper.multi .ts-control > div {
|
|
597
|
+
cursor: pointer;
|
|
598
|
+
margin: 0 3px 3px 0;
|
|
599
|
+
padding: 1px 5px;
|
|
600
|
+
background: #efefef;
|
|
601
|
+
color: #1d273b;
|
|
602
|
+
border: 0px solid #e6e7e9; }
|
|
603
|
+
.ts-wrapper.multi .ts-control > div.active {
|
|
604
|
+
background: #206bc4;
|
|
605
|
+
color: #fff;
|
|
606
|
+
border: 0px solid rgba(0, 0, 0, 0); }
|
|
607
|
+
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
|
|
608
|
+
color: #787979;
|
|
609
|
+
background: white;
|
|
610
|
+
border: 0px solid white; }
|
|
611
|
+
.ts-control > input {
|
|
612
|
+
flex: 1 1 auto;
|
|
613
|
+
min-width: 7rem;
|
|
614
|
+
display: inline-block !important;
|
|
615
|
+
padding: 0 !important;
|
|
616
|
+
min-height: 0 !important;
|
|
617
|
+
max-height: none !important;
|
|
618
|
+
max-width: 100% !important;
|
|
619
|
+
margin: 0 !important;
|
|
620
|
+
text-indent: 0 !important;
|
|
621
|
+
border: 0 none !important;
|
|
622
|
+
background: none !important;
|
|
623
|
+
line-height: inherit !important;
|
|
624
|
+
-webkit-user-select: auto !important;
|
|
625
|
+
-moz-user-select: auto !important;
|
|
626
|
+
-ms-user-select: auto !important;
|
|
627
|
+
user-select: auto !important;
|
|
628
|
+
box-shadow: none !important; }
|
|
629
|
+
.ts-control > input::-ms-clear {
|
|
630
|
+
display: none; }
|
|
631
|
+
.ts-control > input:focus {
|
|
632
|
+
outline: none !important; }
|
|
633
|
+
.has-items .ts-control > input {
|
|
634
|
+
margin: 0px 4px !important; }
|
|
635
|
+
.ts-control.rtl {
|
|
636
|
+
text-align: right; }
|
|
637
|
+
.ts-control.rtl.single .ts-control:after {
|
|
638
|
+
left: calc(0.75rem + 5px);
|
|
639
|
+
right: auto; }
|
|
640
|
+
.ts-control.rtl .ts-control > input {
|
|
641
|
+
margin: 0px 4px 0px -2px !important; }
|
|
642
|
+
.disabled .ts-control {
|
|
643
|
+
opacity: 0.5;
|
|
644
|
+
background-color: var(--tblr-gray-100); }
|
|
645
|
+
.input-hidden .ts-control > input {
|
|
646
|
+
opacity: 0;
|
|
647
|
+
position: absolute;
|
|
648
|
+
left: -10000px; }
|
|
753
649
|
|
|
754
650
|
.ts-dropdown {
|
|
755
651
|
position: absolute;
|
|
@@ -763,90 +659,72 @@
|
|
|
763
659
|
border-top: 0 none;
|
|
764
660
|
box-sizing: border-box;
|
|
765
661
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
766
|
-
border-radius: 0 0
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
.ts-dropdown .
|
|
777
|
-
.
|
|
778
|
-
.ts-dropdown .
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
}
|
|
786
|
-
.ts-dropdown
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
}
|
|
790
|
-
.ts-dropdown .
|
|
791
|
-
|
|
792
|
-
}
|
|
793
|
-
.ts-dropdown .
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
}
|
|
802
|
-
.ts-dropdown .
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
.ts-dropdown .spinner:after {
|
|
815
|
-
content: " ";
|
|
816
|
-
display: block;
|
|
817
|
-
width: 24px;
|
|
818
|
-
height: 24px;
|
|
819
|
-
margin: 3px;
|
|
820
|
-
border-radius: 50%;
|
|
821
|
-
border: 5px solid #d0d0d0;
|
|
822
|
-
border-color: #d0d0d0 transparent #d0d0d0 transparent;
|
|
823
|
-
-webkit-animation: lds-dual-ring 1.2s linear infinite;
|
|
824
|
-
animation: lds-dual-ring 1.2s linear infinite;
|
|
825
|
-
}
|
|
662
|
+
border-radius: 0 0 var(--tblr-border-radius) var(--tblr-border-radius); }
|
|
663
|
+
.ts-dropdown [data-selectable] {
|
|
664
|
+
cursor: pointer;
|
|
665
|
+
overflow: hidden; }
|
|
666
|
+
.ts-dropdown [data-selectable] .highlight {
|
|
667
|
+
background: rgba(255, 237, 40, 0.4);
|
|
668
|
+
border-radius: 1px; }
|
|
669
|
+
.ts-dropdown .option,
|
|
670
|
+
.ts-dropdown .optgroup-header,
|
|
671
|
+
.ts-dropdown .no-results,
|
|
672
|
+
.ts-dropdown .create {
|
|
673
|
+
padding: 3px 0.75rem; }
|
|
674
|
+
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
|
|
675
|
+
cursor: inherit;
|
|
676
|
+
opacity: 0.5; }
|
|
677
|
+
.ts-dropdown [data-selectable].option {
|
|
678
|
+
opacity: 1;
|
|
679
|
+
cursor: pointer; }
|
|
680
|
+
.ts-dropdown .optgroup:first-child .optgroup-header {
|
|
681
|
+
border-top: 0 none; }
|
|
682
|
+
.ts-dropdown .optgroup-header {
|
|
683
|
+
color: #49566c;
|
|
684
|
+
background: #ffffff;
|
|
685
|
+
cursor: default; }
|
|
686
|
+
.ts-dropdown .active {
|
|
687
|
+
background-color: rgba(var(--tblr-muted-rgb), 0.04);
|
|
688
|
+
color: inherit; }
|
|
689
|
+
.ts-dropdown .active.create {
|
|
690
|
+
color: inherit; }
|
|
691
|
+
.ts-dropdown .create {
|
|
692
|
+
color: rgba(29, 39, 59, 0.5); }
|
|
693
|
+
.ts-dropdown .spinner {
|
|
694
|
+
display: inline-block;
|
|
695
|
+
width: 30px;
|
|
696
|
+
height: 30px;
|
|
697
|
+
margin: 3px 0.75rem; }
|
|
698
|
+
.ts-dropdown .spinner:after {
|
|
699
|
+
content: " ";
|
|
700
|
+
display: block;
|
|
701
|
+
width: 24px;
|
|
702
|
+
height: 24px;
|
|
703
|
+
margin: 3px;
|
|
704
|
+
border-radius: 50%;
|
|
705
|
+
border: 5px solid #d0d0d0;
|
|
706
|
+
border-color: #d0d0d0 transparent #d0d0d0 transparent;
|
|
707
|
+
-webkit-animation: lds-dual-ring 1.2s linear infinite;
|
|
708
|
+
animation: lds-dual-ring 1.2s linear infinite; }
|
|
709
|
+
|
|
826
710
|
@-webkit-keyframes lds-dual-ring {
|
|
827
711
|
0% {
|
|
828
|
-
transform: rotate(0deg);
|
|
829
|
-
}
|
|
712
|
+
transform: rotate(0deg); }
|
|
830
713
|
100% {
|
|
831
|
-
transform: rotate(360deg);
|
|
832
|
-
|
|
833
|
-
}
|
|
714
|
+
transform: rotate(360deg); } }
|
|
715
|
+
|
|
834
716
|
@keyframes lds-dual-ring {
|
|
835
717
|
0% {
|
|
836
|
-
transform: rotate(0deg);
|
|
837
|
-
}
|
|
718
|
+
transform: rotate(0deg); }
|
|
838
719
|
100% {
|
|
839
|
-
transform: rotate(360deg);
|
|
840
|
-
}
|
|
841
|
-
}
|
|
720
|
+
transform: rotate(360deg); } }
|
|
842
721
|
|
|
843
722
|
.ts-dropdown-content {
|
|
844
723
|
overflow-y: auto;
|
|
845
724
|
overflow-x: hidden;
|
|
846
725
|
max-height: 200px;
|
|
847
726
|
overflow-scrolling: touch;
|
|
848
|
-
scroll-behavior: smooth;
|
|
849
|
-
}
|
|
727
|
+
scroll-behavior: smooth; }
|
|
850
728
|
|
|
851
729
|
.ts-hidden-accessible {
|
|
852
730
|
border: 0 !important;
|
|
@@ -857,16 +735,14 @@
|
|
|
857
735
|
padding: 0 !important;
|
|
858
736
|
position: absolute !important;
|
|
859
737
|
width: 1px !important;
|
|
860
|
-
white-space: nowrap !important;
|
|
861
|
-
}
|
|
738
|
+
white-space: nowrap !important; }
|
|
862
739
|
|
|
863
740
|
.ts-wrapper.form-control,
|
|
864
741
|
.ts-wrapper.form-select {
|
|
865
742
|
padding: 0 !important;
|
|
866
743
|
height: auto;
|
|
867
744
|
box-shadow: none;
|
|
868
|
-
display: flex;
|
|
869
|
-
}
|
|
745
|
+
display: flex; }
|
|
870
746
|
|
|
871
747
|
.ts-dropdown,
|
|
872
748
|
.ts-dropdown.form-control,
|
|
@@ -875,213 +751,178 @@
|
|
|
875
751
|
padding: 0;
|
|
876
752
|
z-index: 1000;
|
|
877
753
|
background: #ffffff;
|
|
878
|
-
border: 1px solid
|
|
754
|
+
border: 1px solid var(--tblr-border-color-translucent);
|
|
879
755
|
border-radius: 4px;
|
|
880
|
-
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
881
|
-
}
|
|
756
|
+
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
|
|
882
757
|
|
|
883
758
|
.ts-dropdown .optgroup-header {
|
|
884
759
|
font-size: 0.765625rem;
|
|
885
|
-
line-height: 1.
|
|
886
|
-
|
|
760
|
+
line-height: 1.4285714; }
|
|
761
|
+
|
|
887
762
|
.ts-dropdown .optgroup:first-child:before {
|
|
888
|
-
display: none;
|
|
889
|
-
|
|
763
|
+
display: none; }
|
|
764
|
+
|
|
890
765
|
.ts-dropdown .optgroup:before {
|
|
891
|
-
content:
|
|
766
|
+
content: ' ';
|
|
892
767
|
display: block;
|
|
893
768
|
height: 0;
|
|
894
769
|
margin: 0.5rem 0;
|
|
895
770
|
overflow: hidden;
|
|
896
|
-
border-top: 1px solid
|
|
771
|
+
border-top: 1px solid var(--tblr-border-color-translucent);
|
|
897
772
|
margin-left: -0.75rem;
|
|
898
|
-
margin-right: -0.75rem;
|
|
899
|
-
|
|
773
|
+
margin-right: -0.75rem; }
|
|
774
|
+
|
|
900
775
|
.ts-dropdown .create {
|
|
901
|
-
padding-left: 0.75rem;
|
|
902
|
-
}
|
|
776
|
+
padding-left: 0.75rem; }
|
|
903
777
|
|
|
904
778
|
.ts-dropdown-content {
|
|
905
|
-
padding: 5px 0;
|
|
906
|
-
}
|
|
779
|
+
padding: 5px 0; }
|
|
907
780
|
|
|
908
781
|
.ts-control {
|
|
909
782
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
910
783
|
display: flex;
|
|
911
|
-
align-items: center;
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
}
|
|
921
|
-
.
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
|
|
925
|
-
}
|
|
926
|
-
.ts-control .item {
|
|
927
|
-
display: flex;
|
|
928
|
-
align-items: center;
|
|
929
|
-
}
|
|
784
|
+
align-items: center; }
|
|
785
|
+
@media (prefers-reduced-motion: reduce) {
|
|
786
|
+
.ts-control {
|
|
787
|
+
transition: none; } }
|
|
788
|
+
.ts-control.dropdown -active {
|
|
789
|
+
border-radius: var(--tblr-border-radius); }
|
|
790
|
+
.focus .ts-control {
|
|
791
|
+
border-color: #90b5e2;
|
|
792
|
+
outline: 0;
|
|
793
|
+
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
|
|
794
|
+
.ts-control .item {
|
|
795
|
+
display: flex;
|
|
796
|
+
align-items: center; }
|
|
930
797
|
|
|
931
798
|
.ts-wrapper.is-invalid,
|
|
932
799
|
.was-validated .invalid,
|
|
933
800
|
.was-validated :invalid + .ts-wrapper {
|
|
934
|
-
border-color: #d63939;
|
|
935
|
-
|
|
936
|
-
.
|
|
937
|
-
.was-validated .
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
.ts-wrapper.
|
|
945
|
-
.
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
.was-validated :invalid + .ts-wrapper.focus .ts-control {
|
|
955
|
-
border-color: #d63939;
|
|
956
|
-
box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
|
|
957
|
-
}
|
|
801
|
+
border-color: #d63939; }
|
|
802
|
+
.ts-wrapper.is-invalid:not(.single),
|
|
803
|
+
.was-validated .invalid:not(.single),
|
|
804
|
+
.was-validated :invalid + .ts-wrapper:not(.single) {
|
|
805
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
|
|
806
|
+
background-position: right calc(0.3571429em + 0.21875rem) center;
|
|
807
|
+
background-size: calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem);
|
|
808
|
+
background-repeat: no-repeat; }
|
|
809
|
+
.ts-wrapper.is-invalid.single,
|
|
810
|
+
.was-validated .invalid.single,
|
|
811
|
+
.was-validated :invalid + .ts-wrapper.single {
|
|
812
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
|
|
813
|
+
background-position: right 0.75rem center, center right 2.25rem;
|
|
814
|
+
background-size: 16px 12px, calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem);
|
|
815
|
+
background-repeat: no-repeat; }
|
|
816
|
+
.ts-wrapper.is-invalid.focus .ts-control,
|
|
817
|
+
.was-validated .invalid.focus .ts-control,
|
|
818
|
+
.was-validated :invalid + .ts-wrapper.focus .ts-control {
|
|
819
|
+
border-color: #d63939;
|
|
820
|
+
box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25); }
|
|
958
821
|
|
|
959
822
|
.ts-wrapper.is-valid,
|
|
960
823
|
.was-validated .valid,
|
|
961
824
|
.was-validated :valid + .ts-wrapper {
|
|
962
|
-
border-color: #2fb344;
|
|
963
|
-
|
|
964
|
-
.
|
|
965
|
-
.was-validated .
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
.ts-wrapper.
|
|
973
|
-
.
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
.was-validated :valid + .ts-wrapper.focus .ts-control {
|
|
983
|
-
border-color: #2fb344;
|
|
984
|
-
box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
|
|
985
|
-
}
|
|
825
|
+
border-color: #2fb344; }
|
|
826
|
+
.ts-wrapper.is-valid:not(.single),
|
|
827
|
+
.was-validated .valid:not(.single),
|
|
828
|
+
.was-validated :valid + .ts-wrapper:not(.single) {
|
|
829
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
|
|
830
|
+
background-position: right calc(0.3571429em + 0.21875rem) center;
|
|
831
|
+
background-size: calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem);
|
|
832
|
+
background-repeat: no-repeat; }
|
|
833
|
+
.ts-wrapper.is-valid.single,
|
|
834
|
+
.was-validated .valid.single,
|
|
835
|
+
.was-validated :valid + .ts-wrapper.single {
|
|
836
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
|
|
837
|
+
background-position: right 0.75rem center, center right 2.25rem;
|
|
838
|
+
background-size: 16px 12px, calc(0.7142857em + 0.4375rem) calc(0.7142857em + 0.4375rem);
|
|
839
|
+
background-repeat: no-repeat; }
|
|
840
|
+
.ts-wrapper.is-valid.focus .ts-control,
|
|
841
|
+
.was-validated .valid.focus .ts-control,
|
|
842
|
+
.was-validated :valid + .ts-wrapper.focus .ts-control {
|
|
843
|
+
border-color: #2fb344;
|
|
844
|
+
box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25); }
|
|
986
845
|
|
|
987
846
|
.ts-wrapper {
|
|
988
|
-
min-height: calc(1.
|
|
989
|
-
display: flex;
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
}
|
|
999
|
-
.input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
}
|
|
1006
|
-
.ts-wrapper.
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
border-radius: calc(4px - 1px);
|
|
1012
|
-
}
|
|
1013
|
-
.input-group-lg > .ts-wrapper, .ts-wrapper.form-control-lg, .ts-wrapper.form-select-lg {
|
|
1014
|
-
min-height: calc(1.4285714286em + 1rem + 2px);
|
|
1015
|
-
}
|
|
1016
|
-
.input-group-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
|
|
1017
|
-
border-radius: 8px;
|
|
1018
|
-
font-size: 1.25rem;
|
|
1019
|
-
}
|
|
847
|
+
min-height: calc(1.4285714em + 0.875rem + 2px);
|
|
848
|
+
display: flex; }
|
|
849
|
+
.input-group-sm > .ts-wrapper, .ts-wrapper.form-select-sm, .ts-wrapper.form-control-sm {
|
|
850
|
+
min-height: calc(1.4285714em + 0.25rem + 2px); }
|
|
851
|
+
.input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control {
|
|
852
|
+
padding: 0 .75rem;
|
|
853
|
+
border-radius: 2px;
|
|
854
|
+
font-size: 0.75rem; }
|
|
855
|
+
.input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
|
|
856
|
+
font-size: 0.75rem;
|
|
857
|
+
padding-bottom: 0; }
|
|
858
|
+
.input-group-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-select-sm.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control {
|
|
859
|
+
padding-top: calc( (calc(1.4285714em + 0.25rem + 2px) - (1.4285714 * 0.75rem) - 4px)/2) !important; }
|
|
860
|
+
.ts-wrapper.multi.has-items .ts-control {
|
|
861
|
+
padding-left: calc(0.75rem - 5px);
|
|
862
|
+
padding-right: calc(0.75rem - 5px); }
|
|
863
|
+
.ts-wrapper.multi .ts-control > div {
|
|
864
|
+
border-radius: calc(var(--tblr-border-radius) - 1px); }
|
|
865
|
+
.input-group-lg > .ts-wrapper, .ts-wrapper.form-control-lg, .ts-wrapper.form-select-lg {
|
|
866
|
+
min-height: calc(1.4285714em + 1rem + 2px); }
|
|
867
|
+
.input-group-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
|
|
868
|
+
border-radius: 8px;
|
|
869
|
+
font-size: 1.25rem; }
|
|
1020
870
|
|
|
1021
871
|
.ts-wrapper:not(.form-control):not(.form-select) {
|
|
1022
872
|
padding: 0;
|
|
1023
873
|
border: none;
|
|
1024
874
|
height: auto;
|
|
1025
875
|
box-shadow: none;
|
|
1026
|
-
background: none;
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
.ts-wrapper.form-control .ts-control, .ts-wrapper.form-control.single.input-active .ts-control,
|
|
876
|
+
background: none; }
|
|
877
|
+
.ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
|
|
878
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
|
|
879
|
+
background-repeat: no-repeat;
|
|
880
|
+
background-position: right 0.75rem center;
|
|
881
|
+
background-size: 16px 12px;
|
|
882
|
+
padding-right: 2rem; }
|
|
883
|
+
|
|
884
|
+
.ts-wrapper.form-control .ts-control,
|
|
885
|
+
.ts-wrapper.form-control.single.input-active .ts-control,
|
|
1037
886
|
.ts-wrapper.form-select .ts-control,
|
|
1038
887
|
.ts-wrapper.form-select.single.input-active .ts-control {
|
|
1039
888
|
border: none !important;
|
|
1040
|
-
background: transparent !important;
|
|
1041
|
-
}
|
|
889
|
+
background: transparent !important; }
|
|
1042
890
|
|
|
1043
891
|
.input-group > .ts-wrapper {
|
|
1044
|
-
flex-grow: 1;
|
|
1045
|
-
|
|
892
|
+
flex-grow: 1; }
|
|
893
|
+
|
|
1046
894
|
.input-group > .ts-wrapper:not(:nth-child(2)) > .ts-control {
|
|
1047
895
|
border-top-left-radius: 0;
|
|
1048
|
-
border-bottom-left-radius: 0;
|
|
1049
|
-
|
|
896
|
+
border-bottom-left-radius: 0; }
|
|
897
|
+
|
|
1050
898
|
.input-group > .ts-wrapper:not(:last-child) > .ts-control {
|
|
1051
899
|
border-top-right-radius: 0;
|
|
1052
|
-
border-bottom-right-radius: 0;
|
|
1053
|
-
}
|
|
900
|
+
border-bottom-right-radius: 0; }
|
|
1054
901
|
|
|
1055
902
|
.ts-input {
|
|
1056
|
-
color: inherit;
|
|
1057
|
-
}
|
|
903
|
+
color: inherit; }
|
|
1058
904
|
|
|
1059
905
|
.ts-control {
|
|
1060
|
-
color: inherit;
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
height: auto;
|
|
1065
|
-
}
|
|
906
|
+
color: inherit; }
|
|
907
|
+
.ts-control .dropdown-menu {
|
|
908
|
+
width: 100%;
|
|
909
|
+
height: auto; }
|
|
1066
910
|
|
|
1067
911
|
svg {
|
|
1068
|
-
touch-action: none;
|
|
1069
|
-
}
|
|
912
|
+
touch-action: none; }
|
|
1070
913
|
|
|
1071
914
|
image, text, .jvm-zoomin, .jvm-zoomout {
|
|
1072
915
|
-webkit-user-select: none;
|
|
1073
916
|
-moz-user-select: none;
|
|
1074
917
|
-ms-user-select: none;
|
|
1075
|
-
user-select: none;
|
|
1076
|
-
}
|
|
918
|
+
user-select: none; }
|
|
1077
919
|
|
|
1078
920
|
.jvm-container {
|
|
1079
921
|
touch-action: none;
|
|
1080
922
|
position: relative;
|
|
1081
923
|
overflow: hidden;
|
|
1082
924
|
height: 100%;
|
|
1083
|
-
width: 100%;
|
|
1084
|
-
}
|
|
925
|
+
width: 100%; }
|
|
1085
926
|
|
|
1086
927
|
.jvm-tooltip {
|
|
1087
928
|
border-radius: 3px;
|
|
@@ -1093,12 +934,10 @@ image, text, .jvm-zoomin, .jvm-zoomout {
|
|
|
1093
934
|
white-space: nowrap;
|
|
1094
935
|
position: absolute;
|
|
1095
936
|
display: none;
|
|
1096
|
-
color: #FFF;
|
|
1097
|
-
}
|
|
937
|
+
color: #FFF; }
|
|
1098
938
|
|
|
1099
939
|
.jvm-tooltip.active {
|
|
1100
|
-
display: block;
|
|
1101
|
-
}
|
|
940
|
+
display: block; }
|
|
1102
941
|
|
|
1103
942
|
.jvm-zoom-btn {
|
|
1104
943
|
border-radius: 3px;
|
|
@@ -1111,29 +950,23 @@ image, text, .jvm-zoomin, .jvm-zoomout {
|
|
|
1111
950
|
color: #FFF;
|
|
1112
951
|
height: 15px;
|
|
1113
952
|
width: 15px;
|
|
1114
|
-
left: 10px;
|
|
1115
|
-
}
|
|
953
|
+
left: 10px; }
|
|
1116
954
|
|
|
1117
955
|
.jvm-zoom-btn.jvm-zoomout {
|
|
1118
|
-
top: 30px;
|
|
1119
|
-
}
|
|
956
|
+
top: 30px; }
|
|
1120
957
|
|
|
1121
958
|
.jvm-zoom-btn.jvm-zoomin {
|
|
1122
|
-
top: 10px;
|
|
1123
|
-
}
|
|
959
|
+
top: 10px; }
|
|
1124
960
|
|
|
1125
961
|
.jvm-series-container {
|
|
1126
962
|
right: 15px;
|
|
1127
|
-
position: absolute;
|
|
1128
|
-
}
|
|
963
|
+
position: absolute; }
|
|
1129
964
|
|
|
1130
965
|
.jvm-series-container.jvm-series-h {
|
|
1131
|
-
bottom: 15px;
|
|
1132
|
-
}
|
|
966
|
+
bottom: 15px; }
|
|
1133
967
|
|
|
1134
968
|
.jvm-series-container.jvm-series-v {
|
|
1135
|
-
top: 15px;
|
|
1136
|
-
}
|
|
969
|
+
top: 15px; }
|
|
1137
970
|
|
|
1138
971
|
.jvm-series-container .jvm-legend {
|
|
1139
972
|
background-color: #FFF;
|
|
@@ -1143,88 +976,73 @@ image, text, .jvm-zoomin, .jvm-zoomout {
|
|
|
1143
976
|
border-color: #e5e7eb;
|
|
1144
977
|
padding: 0.6rem;
|
|
1145
978
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
1146
|
-
float: left;
|
|
1147
|
-
}
|
|
979
|
+
float: left; }
|
|
1148
980
|
|
|
1149
981
|
.jvm-series-container .jvm-legend .jvm-legend-title {
|
|
1150
982
|
line-height: 1;
|
|
1151
983
|
border-bottom: 1px solid #e5e7eb;
|
|
1152
984
|
padding-bottom: 0.5rem;
|
|
1153
985
|
margin-bottom: 0.575rem;
|
|
1154
|
-
text-align: left;
|
|
1155
|
-
}
|
|
986
|
+
text-align: left; }
|
|
1156
987
|
|
|
1157
988
|
.jvm-series-container .jvm-legend .jvm-legend-inner {
|
|
1158
|
-
overflow: hidden;
|
|
1159
|
-
}
|
|
989
|
+
overflow: hidden; }
|
|
1160
990
|
|
|
1161
991
|
.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
|
|
1162
992
|
overflow: hidden;
|
|
1163
|
-
min-width: 40px;
|
|
1164
|
-
}
|
|
993
|
+
min-width: 40px; }
|
|
1165
994
|
|
|
1166
995
|
.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
|
|
1167
|
-
margin-top: 0.575rem;
|
|
1168
|
-
}
|
|
996
|
+
margin-top: 0.575rem; }
|
|
1169
997
|
|
|
1170
998
|
.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
|
|
1171
999
|
border-radius: 4px;
|
|
1172
|
-
margin-right:
|
|
1000
|
+
margin-right: .65rem;
|
|
1173
1001
|
height: 16px;
|
|
1174
1002
|
width: 16px;
|
|
1175
|
-
float: left;
|
|
1176
|
-
}
|
|
1003
|
+
float: left; }
|
|
1177
1004
|
|
|
1178
1005
|
.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
|
|
1179
1006
|
font-size: 12px;
|
|
1180
1007
|
text-align: center;
|
|
1181
|
-
float: left;
|
|
1182
|
-
}
|
|
1008
|
+
float: left; }
|
|
1183
1009
|
|
|
1184
|
-
.jvm-line[animation=true] {
|
|
1010
|
+
.jvm-line[animation="true"] {
|
|
1185
1011
|
-webkit-animation: jvm-line-animation 10s linear forwards infinite;
|
|
1186
|
-
animation: jvm-line-animation 10s linear forwards infinite;
|
|
1187
|
-
}
|
|
1012
|
+
animation: jvm-line-animation 10s linear forwards infinite; }
|
|
1188
1013
|
|
|
1189
1014
|
@-webkit-keyframes jvm-line-animation {
|
|
1190
1015
|
from {
|
|
1191
|
-
stroke-dashoffset: 250;
|
|
1192
|
-
|
|
1193
|
-
}
|
|
1016
|
+
stroke-dashoffset: 250; } }
|
|
1017
|
+
|
|
1194
1018
|
@keyframes jvm-line-animation {
|
|
1195
1019
|
from {
|
|
1196
|
-
stroke-dashoffset: 250;
|
|
1197
|
-
|
|
1198
|
-
}
|
|
1020
|
+
stroke-dashoffset: 250; } }
|
|
1021
|
+
|
|
1199
1022
|
.jvm-tooltip {
|
|
1200
|
-
background: #
|
|
1023
|
+
background: #1d273b;
|
|
1201
1024
|
font-family: inherit;
|
|
1202
1025
|
font-size: 0.75rem;
|
|
1203
|
-
box-shadow:
|
|
1204
|
-
}
|
|
1026
|
+
box-shadow: var(--tblr-shadow-card); }
|
|
1205
1027
|
|
|
1206
1028
|
.jvm-series-container .jvm-legend .jvm-legend-title {
|
|
1207
1029
|
border-bottom: 0;
|
|
1208
|
-
font-weight:
|
|
1209
|
-
}
|
|
1030
|
+
font-weight: var(--tblr-font-weight-medium); }
|
|
1210
1031
|
|
|
1211
1032
|
.jvm-series-container .jvm-legend {
|
|
1212
|
-
background-color: var(--tblr-card-bg);
|
|
1213
|
-
border:
|
|
1214
|
-
min-width: 8rem;
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
width: 0.75rem;
|
|
1222
|
-
height: 0.75rem;
|
|
1223
|
-
}
|
|
1033
|
+
background-color: var(--tblr-card-bg, var(--tblr-bg-surface));
|
|
1034
|
+
border: var(--tblr-border-width) solid var(--tblr-border-color);
|
|
1035
|
+
min-width: 8rem; }
|
|
1036
|
+
.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
|
|
1037
|
+
display: flex;
|
|
1038
|
+
align-items: center; }
|
|
1039
|
+
.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
|
|
1040
|
+
width: .75rem;
|
|
1041
|
+
height: .75rem; }
|
|
1224
1042
|
|
|
1225
1043
|
.jvm-zoom-btn {
|
|
1226
|
-
border:
|
|
1227
|
-
background: var(--tblr-card-bg);
|
|
1044
|
+
border: var(--tblr-border-width) solid var(--tblr-border-color);
|
|
1045
|
+
background: var(--tblr-card-bg, var(--tblr-bg-surface));
|
|
1228
1046
|
color: var(--tblr-body-color);
|
|
1229
1047
|
padding: 0;
|
|
1230
1048
|
display: flex;
|
|
@@ -1234,74 +1052,57 @@ image, text, .jvm-zoomin, .jvm-zoomout {
|
|
|
1234
1052
|
width: 1.5rem;
|
|
1235
1053
|
height: 1.5rem;
|
|
1236
1054
|
font-size: 1rem;
|
|
1237
|
-
box-shadow:
|
|
1238
|
-
|
|
1239
|
-
.
|
|
1240
|
-
top: 2.5rem;
|
|
1241
|
-
}
|
|
1055
|
+
box-shadow: var(--tblr-shadow-card); }
|
|
1056
|
+
.jvm-zoom-btn.jvm-zoomout {
|
|
1057
|
+
top: 2.5rem; }
|
|
1242
1058
|
|
|
1243
1059
|
.dropzone {
|
|
1244
1060
|
border: 1px dashed var(--tblr-border-color);
|
|
1245
1061
|
color: var(--tblr-muted);
|
|
1246
|
-
padding: 1rem;
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
}
|
|
1253
|
-
.dropzone
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
}
|
|
1259
|
-
.dropzone .dz-preview .dz-image {
|
|
1260
|
-
border-radius: 4px;
|
|
1261
|
-
}
|
|
1262
|
-
.dropzone .dz-preview .dz-success-mark {
|
|
1263
|
-
height: 54px;
|
|
1264
|
-
}
|
|
1062
|
+
padding: 1rem; }
|
|
1063
|
+
.dropzone.dz-drag-hover {
|
|
1064
|
+
border: 1px dashed var(--tblr-primary);
|
|
1065
|
+
background: rgba(var(--tblr-primary-rgb), 0.01);
|
|
1066
|
+
color: var(--tblr-primary); }
|
|
1067
|
+
.dropzone.dz-drag-hover .dz-message {
|
|
1068
|
+
opacity: 1; }
|
|
1069
|
+
.dropzone .dz-preview {
|
|
1070
|
+
margin: .5rem; }
|
|
1071
|
+
.dropzone .dz-preview .dz-image {
|
|
1072
|
+
border-radius: var(--tblr-border-radius); }
|
|
1073
|
+
.dropzone .dz-preview .dz-success-mark {
|
|
1074
|
+
height: 54px; }
|
|
1265
1075
|
|
|
1266
1076
|
.fslightbox-container {
|
|
1267
1077
|
font-family: inherit !important;
|
|
1268
|
-
background: rgba(
|
|
1078
|
+
background: rgba(29, 39, 59, 0.24) !important;
|
|
1269
1079
|
-webkit-backdrop-filter: blur(4px) !important;
|
|
1270
|
-
backdrop-filter: blur(4px) !important;
|
|
1271
|
-
}
|
|
1080
|
+
backdrop-filter: blur(4px) !important; }
|
|
1272
1081
|
|
|
1273
1082
|
.fslightbox-slide-number-container {
|
|
1274
|
-
color: inherit !important;
|
|
1275
|
-
}
|
|
1083
|
+
color: inherit !important; }
|
|
1276
1084
|
|
|
1277
1085
|
.fslightbox-slash {
|
|
1278
|
-
background: currentColor !important;
|
|
1279
|
-
}
|
|
1086
|
+
background: currentColor !important; }
|
|
1280
1087
|
|
|
1281
1088
|
body {
|
|
1282
|
-
--plyr-color-main:
|
|
1283
|
-
}
|
|
1089
|
+
--plyr-color-main: var(--tblr-primary); }
|
|
1284
1090
|
|
|
1285
1091
|
.tox-tinymce {
|
|
1286
|
-
border:
|
|
1092
|
+
border: var(--tblr-border-width) solid var(--tblr-border-color) !important;
|
|
1287
1093
|
border-radius: 4px !important;
|
|
1288
|
-
font-family: var(--tblr-font-sans-serif) !important;
|
|
1289
|
-
}
|
|
1094
|
+
font-family: var(--tblr-font-sans-serif) !important; }
|
|
1290
1095
|
|
|
1291
1096
|
.tox-toolbar__group {
|
|
1292
|
-
padding: 0
|
|
1293
|
-
}
|
|
1097
|
+
padding: 0 .5rem 0; }
|
|
1294
1098
|
|
|
1295
1099
|
.tox:not(.tox-tinymce-inline) .tox-editor-header {
|
|
1296
|
-
border-bottom:
|
|
1100
|
+
border-bottom: var(--tblr-border-width) solid var(--tblr-border-color) !important;
|
|
1297
1101
|
box-shadow: none !important;
|
|
1298
|
-
padding: 0 !important;
|
|
1299
|
-
}
|
|
1102
|
+
padding: 0 !important; }
|
|
1300
1103
|
|
|
1301
1104
|
.tox-tbtn {
|
|
1302
|
-
margin: 0 !important;
|
|
1303
|
-
}
|
|
1105
|
+
margin: 0 !important; }
|
|
1304
1106
|
|
|
1305
1107
|
.tox-statusbar {
|
|
1306
|
-
border-top:
|
|
1307
|
-
}
|
|
1108
|
+
border-top: var(--tblr-border-width) solid var(--tblr-border-color) !important; }
|