handsontable 0.0.0-next-517ec9c-20240930 → 0.0.0-next-4a75baf-20241001
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of handsontable might be problematic. Click here for more details.
- package/base.js +2 -2
- package/base.mjs +2 -2
- package/core.js +11 -0
- package/core.mjs +11 -0
- package/dataMap/metaManager/metaSchema.js +17 -0
- package/dataMap/metaManager/metaSchema.mjs +17 -0
- package/dist/handsontable.css +296 -145
- package/dist/handsontable.full.css +305 -152
- package/dist/handsontable.full.js +3536 -3695
- package/dist/handsontable.full.min.css +85 -14
- package/dist/handsontable.full.min.js +26 -26
- package/dist/handsontable.js +3243 -3396
- package/dist/handsontable.min.css +82 -11
- package/dist/handsontable.min.js +23 -23
- package/editors/dateEditor/dateEditor.js +2 -0
- package/editors/dateEditor/dateEditor.mjs +2 -0
- package/editors/handsontableEditor/handsontableEditor.js +1 -1
- package/editors/handsontableEditor/handsontableEditor.mjs +1 -1
- package/editors/selectEditor/selectEditor.js +20 -9
- package/editors/selectEditor/selectEditor.mjs +20 -9
- package/editors/textEditor/textEditor.js +4 -11
- package/editors/textEditor/textEditor.mjs +4 -11
- package/helpers/mixed.js +2 -2
- package/helpers/mixed.mjs +2 -2
- package/helpers/themes.js +17 -0
- package/helpers/themes.mjs +13 -0
- package/package.json +10 -3
- package/plugins/comments/commentEditor.js +8 -1
- package/plugins/comments/commentEditor.mjs +8 -1
- package/plugins/comments/comments.js +1 -1
- package/plugins/comments/comments.mjs +1 -1
- package/plugins/contextMenu/menu/menu.js +4 -4
- package/plugins/contextMenu/menu/menu.mjs +4 -4
- package/styles/handsontable.css +1921 -0
- package/styles/handsontable.min.css +30 -0
- package/styles/ht-theme-gemini.css +689 -0
- package/styles/ht-theme-gemini.min.css +30 -0
- package/styles/ht-theme-main.css +697 -0
- package/styles/ht-theme-main.min.css +30 -0
- package/utils/ghostTable.js +1 -1
- package/utils/ghostTable.mjs +1 -1
@@ -0,0 +1,1921 @@
|
|
1
|
+
/*!
|
2
|
+
* Copyright (c) HANDSONCODE sp. z o. o.
|
3
|
+
*
|
4
|
+
* HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o., a Polish corporation based in
|
5
|
+
* Gdynia, Poland, at Aleja Zwyciestwa 96-98, registered by the District Court in Gdansk under number
|
6
|
+
* 538651, EU tax ID number: PL5862294002, share capital: PLN 62,800.00.
|
7
|
+
*
|
8
|
+
* This software is protected by applicable copyright laws, including international treaties, and dual-
|
9
|
+
* licensed - depending on whether your use for commercial purposes, meaning intended for or
|
10
|
+
* resulting in commercial advantage or monetary compensation, or not.
|
11
|
+
*
|
12
|
+
* If your use is strictly personal or solely for evaluation purposes, meaning for the purposes of testing
|
13
|
+
* the suitability, performance, and usefulness of this software outside the production environment,
|
14
|
+
* you agree to be bound by the terms included in the "handsontable-non-commercial-license.pdf" file.
|
15
|
+
*
|
16
|
+
* Your use of this software for commercial purposes is subject to the terms included in an applicable
|
17
|
+
* license agreement.
|
18
|
+
*
|
19
|
+
* In any case, you must not make any such use of this software as to develop software which may be
|
20
|
+
* considered competitive with this software.
|
21
|
+
*
|
22
|
+
* UNLESS EXPRESSLY AGREED OTHERWISE, HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS"
|
23
|
+
* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, AND IN NO EVENT AND UNDER NO
|
24
|
+
* LEGAL THEORY, SHALL HANDSONCODE BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY DIRECT,
|
25
|
+
* INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
|
26
|
+
* USE OR INABILITY TO USE THIS SOFTWARE.
|
27
|
+
*
|
28
|
+
* Version: 0.0.0-next-4a75baf-20241001
|
29
|
+
* Release date: 30/07/2024 (built at 01/10/2024 05:26:44)
|
30
|
+
*/
|
31
|
+
.handsontable .htUIClearAll a,
|
32
|
+
.handsontable .htUISelectAll a {
|
33
|
+
padding: 8px;
|
34
|
+
display: inline-block;
|
35
|
+
text-decoration: none;
|
36
|
+
}
|
37
|
+
.handsontable .htUIMultipleSelect .ht_master .wtHolder {
|
38
|
+
overflow-y: auto;
|
39
|
+
background: transparent;
|
40
|
+
}
|
41
|
+
.handsontable .htUIMultipleSelect .ht_master .wtHolder .htCore {
|
42
|
+
box-shadow: none;
|
43
|
+
}
|
44
|
+
|
45
|
+
.handsontable {
|
46
|
+
position: relative;
|
47
|
+
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
|
48
|
+
font-size: var(--ht-font-size, 12px);
|
49
|
+
line-height: var(--ht-line-height, 20px);
|
50
|
+
font-weight: var(--ht-font-weight);
|
51
|
+
color: var(--ht-foreground-color);
|
52
|
+
/* Miscellaneous */
|
53
|
+
touch-action: manipulation;
|
54
|
+
}
|
55
|
+
.handsontable .ht_master {
|
56
|
+
background-color: var(--ht-background-color, #ffffff);
|
57
|
+
}
|
58
|
+
.handsontable th,
|
59
|
+
.handsontable td {
|
60
|
+
height: calc(var(--ht-line-height, 20px) + 2 * var(--ht-cell-horizontal-padding, 8px) + 1px);
|
61
|
+
padding: var(--ht-cell-horizontal-padding, 4px) var(--ht-cell-vertical-padding, 8px);
|
62
|
+
vertical-align: top;
|
63
|
+
border-top-width: 0;
|
64
|
+
border-inline-start-width: 0;
|
65
|
+
border-inline-end-width: 1px;
|
66
|
+
border-bottom-width: 1px;
|
67
|
+
border-style: solid;
|
68
|
+
border-top-color: var(--ht-cell-horizontal-border-color);
|
69
|
+
border-bottom-color: var(--ht-cell-horizontal-border-color);
|
70
|
+
border-inline-start-color: var(--ht-cell-vertical-border-color);
|
71
|
+
border-inline-end-color: var(--ht-cell-vertical-border-color);
|
72
|
+
font-size: var(--ht-font-size);
|
73
|
+
line-height: var(--ht-line-height, 20px);
|
74
|
+
white-space: pre-wrap;
|
75
|
+
overflow: hidden;
|
76
|
+
outline: none;
|
77
|
+
outline-width: 0;
|
78
|
+
empty-cells: show;
|
79
|
+
box-sizing: border-box;
|
80
|
+
color: var(--ht-foreground-color);
|
81
|
+
background-color: var(--ht-background-color, #ffffff);
|
82
|
+
}
|
83
|
+
.handsontable th.invisibleSelection,
|
84
|
+
.handsontable td.invisibleSelection {
|
85
|
+
outline: none;
|
86
|
+
}
|
87
|
+
.handsontable th.invisibleSelection::selection,
|
88
|
+
.handsontable td.invisibleSelection::selection {
|
89
|
+
background: transparent;
|
90
|
+
}
|
91
|
+
.handsontable td:first-of-type {
|
92
|
+
border-inline-start-width: 1px;
|
93
|
+
}
|
94
|
+
.handsontable th {
|
95
|
+
position: relative;
|
96
|
+
overflow: visible;
|
97
|
+
text-align: center;
|
98
|
+
font-weight: var(--ht-header-font-weight);
|
99
|
+
white-space: nowrap;
|
100
|
+
color: var(--ht-header-foreground-color);
|
101
|
+
background-color: var(--ht-header-background-color, #f7f7f9);
|
102
|
+
}
|
103
|
+
.handsontable th:last-child {
|
104
|
+
/* Foundation framework fix */
|
105
|
+
border-inline-start-width: 0;
|
106
|
+
border-inline-end-width: 1px;
|
107
|
+
border-bottom-width: 1px;
|
108
|
+
}
|
109
|
+
.handsontable th:first-child, .handsontable th:nth-child(2) {
|
110
|
+
border-inline-start-width: 1px;
|
111
|
+
}
|
112
|
+
.handsontable th.ht__highlight {
|
113
|
+
color: var(--ht-header-highlighted-foreground-color);
|
114
|
+
background-color: var(--ht-header-highlighted-background-color);
|
115
|
+
}
|
116
|
+
.handsontable th.ht__highlight:before {
|
117
|
+
content: "";
|
118
|
+
display: block;
|
119
|
+
position: absolute;
|
120
|
+
inset: auto 0 0 0;
|
121
|
+
height: var(--ht-header-highlighted-shadow-size);
|
122
|
+
background-color: var(--ht-accent-color);
|
123
|
+
}
|
124
|
+
.handsontable th.ht__active_highlight {
|
125
|
+
border-color: var(--ht-header-active-border-color);
|
126
|
+
color: var(--ht-header-active-foreground-color);
|
127
|
+
background-color: var(--ht-header-active-background-color);
|
128
|
+
box-shadow: -1px -1px 0 var(--ht-header-active-border-color), 0 -1px 0 var(--ht-header-active-border-color), -1px 0 0 var(--ht-header-active-border-color);
|
129
|
+
}
|
130
|
+
.handsontable th.ht__active_highlight:before {
|
131
|
+
background-color: var(--ht-header-active-background-color);
|
132
|
+
}
|
133
|
+
.handsontable th.active {
|
134
|
+
color: var(--ht-header-active-foreground-color);
|
135
|
+
background-color: var(--ht-header-active-background-color);
|
136
|
+
}
|
137
|
+
.handsontable thead th {
|
138
|
+
padding: 0;
|
139
|
+
}
|
140
|
+
.handsontable thead th .relative {
|
141
|
+
display: flex;
|
142
|
+
align-items: center;
|
143
|
+
justify-content: space-between;
|
144
|
+
padding: var(--ht-cell-horizontal-padding, 8px) var(--ht-cell-vertical-padding, 4px);
|
145
|
+
height: calc(var(--ht-line-height, 20px) + 2 * var(--ht-cell-horizontal-padding, 8px) + 1px);
|
146
|
+
}
|
147
|
+
.handsontable thead tr:not(:last-child) th {
|
148
|
+
/* Fix for - nested columns with hidden column */
|
149
|
+
overflow: hidden;
|
150
|
+
}
|
151
|
+
.handsontable tbody th.ht__highlight:before {
|
152
|
+
width: var(--ht-header-highlighted-shadow-size);
|
153
|
+
height: auto;
|
154
|
+
inset: 0 0 0 auto;
|
155
|
+
}
|
156
|
+
.handsontable .hide {
|
157
|
+
display: none;
|
158
|
+
}
|
159
|
+
.handsontable .relative {
|
160
|
+
position: relative;
|
161
|
+
box-sizing: border-box;
|
162
|
+
}
|
163
|
+
.handsontable .wtHider {
|
164
|
+
width: 0;
|
165
|
+
}
|
166
|
+
.handsontable .wtSpreader {
|
167
|
+
position: relative;
|
168
|
+
/* must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
|
169
|
+
width: 0;
|
170
|
+
height: auto;
|
171
|
+
}
|
172
|
+
.handsontable .htAutoSize {
|
173
|
+
position: absolute;
|
174
|
+
left: -99000px;
|
175
|
+
top: -99000px;
|
176
|
+
visibility: hidden;
|
177
|
+
}
|
178
|
+
.handsontable .htFocusCatcher {
|
179
|
+
position: absolute;
|
180
|
+
width: 0;
|
181
|
+
height: 0;
|
182
|
+
margin: 0;
|
183
|
+
padding: 0;
|
184
|
+
border: 0;
|
185
|
+
opacity: 0;
|
186
|
+
z-index: -1;
|
187
|
+
}
|
188
|
+
.handsontable table,
|
189
|
+
.handsontable tbody,
|
190
|
+
.handsontable thead,
|
191
|
+
.handsontable input,
|
192
|
+
.handsontable textarea,
|
193
|
+
.handsontable div {
|
194
|
+
box-sizing: content-box;
|
195
|
+
}
|
196
|
+
.handsontable input,
|
197
|
+
.handsontable textarea {
|
198
|
+
min-height: initial;
|
199
|
+
}
|
200
|
+
.handsontable .htCore {
|
201
|
+
width: 0;
|
202
|
+
margin: 0;
|
203
|
+
border-width: 0;
|
204
|
+
border-spacing: 0;
|
205
|
+
border-collapse: separate;
|
206
|
+
outline-width: 0;
|
207
|
+
table-layout: fixed;
|
208
|
+
cursor: default;
|
209
|
+
}
|
210
|
+
.handsontable col {
|
211
|
+
width: 64px;
|
212
|
+
}
|
213
|
+
.handsontable col.rowHeader {
|
214
|
+
width: 64px;
|
215
|
+
}
|
216
|
+
.handsontable col.hidden {
|
217
|
+
width: 0 !important;
|
218
|
+
}
|
219
|
+
.handsontable span.colHeader {
|
220
|
+
display: inline-block;
|
221
|
+
line-height: var(--ht-line-height, 20px);
|
222
|
+
}
|
223
|
+
.handsontable tr.hidden {
|
224
|
+
display: none;
|
225
|
+
}
|
226
|
+
.handsontable tr.hidden td,
|
227
|
+
.handsontable tr.hidden th {
|
228
|
+
display: none;
|
229
|
+
}
|
230
|
+
.handsontable a {
|
231
|
+
color: var(--ht-link-color);
|
232
|
+
}
|
233
|
+
.handsontable a:hover {
|
234
|
+
color: var(--ht-link-hover-color);
|
235
|
+
}
|
236
|
+
.handsontable .ht_clone_top th:nth-child(2) {
|
237
|
+
border-inline-start-width: 0;
|
238
|
+
border-inline-end-width: 1px;
|
239
|
+
}
|
240
|
+
.handsontable.htRowHeaders thead tr th:nth-child(2) {
|
241
|
+
border-inline-start-width: 1px;
|
242
|
+
}
|
243
|
+
.handsontable tr:first-child th,
|
244
|
+
.handsontable tr:first-child td {
|
245
|
+
border-top-width: 1px;
|
246
|
+
}
|
247
|
+
.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable tbody tr th, .handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
|
248
|
+
border-inline-end-width: 0;
|
249
|
+
border-inline-start-width: 1px;
|
250
|
+
}
|
251
|
+
.handsontable .ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr:last-child th, .handsontable .ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr:last-child th,
|
252
|
+
.handsontable .ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr.lastChild th, .handsontable .ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr.lastChild th {
|
253
|
+
border-bottom-width: 0;
|
254
|
+
}
|
255
|
+
.handsontable {
|
256
|
+
scrollbar-width: thin;
|
257
|
+
scrollbar-color: var(--ht-scrollbar-thumb-color) var(--ht-scrollbar-track-color);
|
258
|
+
}
|
259
|
+
.handsontable::-webkit-scrollbar-track {
|
260
|
+
border-radius: 30px;
|
261
|
+
}
|
262
|
+
.handsontable .ht_master table.htCore > thead,
|
263
|
+
.handsontable .ht_master table.htCore > tbody > tr > th,
|
264
|
+
.handsontable .ht_clone_inline_start table.htCore > thead {
|
265
|
+
visibility: hidden;
|
266
|
+
}
|
267
|
+
|
268
|
+
.ht_master,
|
269
|
+
.ht_clone_inline_start,
|
270
|
+
.ht_clone_top,
|
271
|
+
.ht_clone_bottom {
|
272
|
+
overflow: hidden;
|
273
|
+
}
|
274
|
+
.ht_master .wtHolder,
|
275
|
+
.ht_clone_inline_start .wtHolder,
|
276
|
+
.ht_clone_top .wtHolder,
|
277
|
+
.ht_clone_bottom .wtHolder {
|
278
|
+
overflow: hidden;
|
279
|
+
}
|
280
|
+
|
281
|
+
.ht_master .wtHolder {
|
282
|
+
overflow: auto;
|
283
|
+
}
|
284
|
+
|
285
|
+
tr.ht__row_even th,
|
286
|
+
tr.ht__row_even td {
|
287
|
+
background-color: var(--ht-row-even-background-color, #ffffff);
|
288
|
+
}
|
289
|
+
tr.ht__row_odd th,
|
290
|
+
tr.ht__row_odd td {
|
291
|
+
background-color: var(--ht-row-odd-background-color, #ffffff);
|
292
|
+
}
|
293
|
+
|
294
|
+
.handsontable.mobile {
|
295
|
+
user-select: none;
|
296
|
+
-webkit-tap-highlight-color: transparent;
|
297
|
+
-webkit-overflow-scrolling: touch;
|
298
|
+
}
|
299
|
+
.handsontable.mobile .wtHolder {
|
300
|
+
user-select: none;
|
301
|
+
-webkit-tap-highlight-color: transparent;
|
302
|
+
-webkit-overflow-scrolling: touch;
|
303
|
+
}
|
304
|
+
.handsontable.mobile .handsontableInput:focus {
|
305
|
+
box-shadow: 0 0 2px var(--ht-accent-color) inset;
|
306
|
+
-webkit-appearance: none;
|
307
|
+
}
|
308
|
+
.handsontable .topSelectionHandle,
|
309
|
+
.handsontable .topSelectionHandle-HitArea,
|
310
|
+
.handsontable .bottomSelectionHandle,
|
311
|
+
.handsontable .bottomSelectionHandle-HitArea {
|
312
|
+
inset-inline-start: -10000px;
|
313
|
+
inset-inline-end: unset;
|
314
|
+
top: -10000px;
|
315
|
+
z-index: 9999;
|
316
|
+
}
|
317
|
+
.handsontable.hide-tween {
|
318
|
+
-webkit-animation: opacity-hide 0.2s;
|
319
|
+
animation: opacity-hide 0.2s;
|
320
|
+
animation-fill-mode: forwards;
|
321
|
+
-webkit-animation-fill-mode: forwards;
|
322
|
+
}
|
323
|
+
.handsontable.show-tween {
|
324
|
+
-webkit-animation: opacity-show 0.3s;
|
325
|
+
animation: opacity-show 0.3s;
|
326
|
+
animation-fill-mode: forwards;
|
327
|
+
-webkit-animation-fill-mode: forwards;
|
328
|
+
}
|
329
|
+
|
330
|
+
.ht_clone_master {
|
331
|
+
z-index: 100;
|
332
|
+
}
|
333
|
+
|
334
|
+
.ht_clone_inline_start {
|
335
|
+
z-index: 120;
|
336
|
+
}
|
337
|
+
|
338
|
+
.ht_clone_bottom {
|
339
|
+
z-index: 130;
|
340
|
+
}
|
341
|
+
|
342
|
+
.ht_clone_bottom_inline_start_corner {
|
343
|
+
z-index: 150;
|
344
|
+
}
|
345
|
+
|
346
|
+
.ht_clone_top {
|
347
|
+
z-index: 160;
|
348
|
+
}
|
349
|
+
|
350
|
+
.ht_clone_top_inline_start_corner {
|
351
|
+
z-index: 180;
|
352
|
+
}
|
353
|
+
|
354
|
+
.ht_editor_hidden {
|
355
|
+
z-index: -1;
|
356
|
+
}
|
357
|
+
|
358
|
+
.ht_editor_visible {
|
359
|
+
z-index: 200;
|
360
|
+
}
|
361
|
+
|
362
|
+
@keyframes marching-ants {
|
363
|
+
0% {
|
364
|
+
background-position: 0 0, 8px 100%, 0 8px, 100% 0;
|
365
|
+
}
|
366
|
+
100% {
|
367
|
+
background-position: 8px 0, 0 100%, 0 0, 100% 8px;
|
368
|
+
}
|
369
|
+
}
|
370
|
+
.handsontable td.area {
|
371
|
+
position: relative;
|
372
|
+
}
|
373
|
+
.handsontable td.area:before {
|
374
|
+
content: "";
|
375
|
+
position: absolute;
|
376
|
+
inset: 0;
|
377
|
+
background: var(--ht-cell-selection-background-color);
|
378
|
+
}
|
379
|
+
.handsontable td.area-1 {
|
380
|
+
position: relative;
|
381
|
+
}
|
382
|
+
.handsontable td.area-1:before {
|
383
|
+
content: "";
|
384
|
+
position: absolute;
|
385
|
+
inset: 0;
|
386
|
+
background: var(--ht-cell-selection-background-color);
|
387
|
+
}
|
388
|
+
.handsontable td.area-2 {
|
389
|
+
position: relative;
|
390
|
+
}
|
391
|
+
.handsontable td.area-2:before {
|
392
|
+
content: "";
|
393
|
+
position: absolute;
|
394
|
+
inset: 0;
|
395
|
+
background: var(--ht-cell-selection-background-color);
|
396
|
+
}
|
397
|
+
.handsontable td.area-3 {
|
398
|
+
position: relative;
|
399
|
+
}
|
400
|
+
.handsontable td.area-3:before {
|
401
|
+
content: "";
|
402
|
+
position: absolute;
|
403
|
+
inset: 0;
|
404
|
+
background: var(--ht-cell-selection-background-color);
|
405
|
+
}
|
406
|
+
.handsontable td.area-4 {
|
407
|
+
position: relative;
|
408
|
+
}
|
409
|
+
.handsontable td.area-4:before {
|
410
|
+
content: "";
|
411
|
+
position: absolute;
|
412
|
+
inset: 0;
|
413
|
+
background: var(--ht-cell-selection-background-color);
|
414
|
+
}
|
415
|
+
.handsontable td.area-5 {
|
416
|
+
position: relative;
|
417
|
+
}
|
418
|
+
.handsontable td.area-5:before {
|
419
|
+
content: "";
|
420
|
+
position: absolute;
|
421
|
+
inset: 0;
|
422
|
+
background: var(--ht-cell-selection-background-color);
|
423
|
+
}
|
424
|
+
.handsontable td.area-6 {
|
425
|
+
position: relative;
|
426
|
+
}
|
427
|
+
.handsontable td.area-6:before {
|
428
|
+
content: "";
|
429
|
+
position: absolute;
|
430
|
+
inset: 0;
|
431
|
+
background: var(--ht-cell-selection-background-color);
|
432
|
+
}
|
433
|
+
.handsontable td.area-7 {
|
434
|
+
position: relative;
|
435
|
+
}
|
436
|
+
.handsontable td.area-7:before {
|
437
|
+
content: "";
|
438
|
+
position: absolute;
|
439
|
+
inset: 0;
|
440
|
+
background: var(--ht-cell-selection-background-color);
|
441
|
+
}
|
442
|
+
.handsontable td.area:before {
|
443
|
+
opacity: 0.1;
|
444
|
+
}
|
445
|
+
.handsontable td.area-1:before {
|
446
|
+
opacity: 0.17;
|
447
|
+
}
|
448
|
+
.handsontable td.area-2:before {
|
449
|
+
opacity: 0.24;
|
450
|
+
}
|
451
|
+
.handsontable td.area-3:before {
|
452
|
+
opacity: 0.31;
|
453
|
+
}
|
454
|
+
.handsontable td.area-4:before {
|
455
|
+
opacity: 0.38;
|
456
|
+
}
|
457
|
+
.handsontable td.area-5:before {
|
458
|
+
opacity: 0.45;
|
459
|
+
}
|
460
|
+
.handsontable td.area-6:before {
|
461
|
+
opacity: 0.52;
|
462
|
+
}
|
463
|
+
.handsontable td.area-7:before {
|
464
|
+
opacity: 0.59;
|
465
|
+
}
|
466
|
+
.handsontable .wtBorder {
|
467
|
+
position: absolute;
|
468
|
+
font-size: 0;
|
469
|
+
}
|
470
|
+
.handsontable .wtBorder.hidden {
|
471
|
+
display: none !important;
|
472
|
+
}
|
473
|
+
.handsontable .wtBorder.current {
|
474
|
+
z-index: 10;
|
475
|
+
background-color: var(--ht-cell-selection-border-color) !important;
|
476
|
+
}
|
477
|
+
.handsontable .wtBorder.area {
|
478
|
+
z-index: 8;
|
479
|
+
background-color: var(--ht-cell-selection-border-color) !important;
|
480
|
+
}
|
481
|
+
.handsontable .wtBorder.fill {
|
482
|
+
z-index: 6;
|
483
|
+
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(0, white 50%, transparent 50%), linear-gradient(0, white 50%, transparent 50%);
|
484
|
+
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
|
485
|
+
background-size: 8px 2px, 0px 0px, 2px 8px, 0px 0px;
|
486
|
+
animation: marching-ants 600ms infinite linear;
|
487
|
+
background-color: var(--ht-cell-selection-border-color) !important;
|
488
|
+
}
|
489
|
+
.handsontable .wtBorder.corner {
|
490
|
+
width: var(--ht-cell-autofill-size) !important;
|
491
|
+
height: var(--ht-cell-autofill-size) !important;
|
492
|
+
border-width: var(--ht-cell-autofill-border-width) !important;
|
493
|
+
border-style: solid;
|
494
|
+
border-color: var(--ht-cell-autofill-border-color) !important;
|
495
|
+
border-radius: var(--ht-cell-autofill-border-radius) !important;
|
496
|
+
background-color: var(--ht-cell-autofill-background-color) !important;
|
497
|
+
margin-top: 3px;
|
498
|
+
margin-left: 3px;
|
499
|
+
transform: translate(-50%, -50%);
|
500
|
+
font-size: 0;
|
501
|
+
cursor: crosshair;
|
502
|
+
z-index: 10;
|
503
|
+
}
|
504
|
+
|
505
|
+
.hot-display-license-info {
|
506
|
+
padding: var(--ht-license-horizontal-padding, 16px) var(--ht-license-vertical-padding);
|
507
|
+
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
|
508
|
+
font-size: var(--ht-license-font-size);
|
509
|
+
line-height: var(--ht-license-line-height);
|
510
|
+
color: var(--ht-license-foreground-color);
|
511
|
+
background-color: var(--ht-license-background-color);
|
512
|
+
text-align: left;
|
513
|
+
border-color: var(--ht-border-color);
|
514
|
+
border-style: solid;
|
515
|
+
border-top-width: 0;
|
516
|
+
border-left-width: 1px;
|
517
|
+
border-right-width: 1px;
|
518
|
+
border-bottom-width: 1px;
|
519
|
+
}
|
520
|
+
.hot-display-license-info a {
|
521
|
+
font-size: var(--ht-license-font-size);
|
522
|
+
color: var(--ht-link-color);
|
523
|
+
}
|
524
|
+
.hot-display-license-info a:hover {
|
525
|
+
color: var(--ht-link-hover-color);
|
526
|
+
}
|
527
|
+
|
528
|
+
.handsontable .htAutocompleteArrow {
|
529
|
+
position: relative;
|
530
|
+
float: inline-end;
|
531
|
+
cursor: default;
|
532
|
+
width: var(--ht-icon-size);
|
533
|
+
height: var(--ht-icon-size);
|
534
|
+
font-size: 0;
|
535
|
+
top: calc((var(--ht-line-height) - 16px) * 0.5);
|
536
|
+
margin-inline-end: calc(var(--ht-gap-size) - var(--ht-cell-horizontal-padding));
|
537
|
+
}
|
538
|
+
.handsontable .htAutocompleteArrow:after {
|
539
|
+
content: "";
|
540
|
+
display: block;
|
541
|
+
position: absolute;
|
542
|
+
top: 0;
|
543
|
+
left: 0;
|
544
|
+
opacity: 0.6;
|
545
|
+
}
|
546
|
+
|
547
|
+
.handsontable .htCheckboxRendererInput {
|
548
|
+
position: relative;
|
549
|
+
display: inline-block;
|
550
|
+
width: var(--ht-checkbox-size);
|
551
|
+
height: var(--ht-checkbox-size);
|
552
|
+
margin: 0;
|
553
|
+
vertical-align: middle;
|
554
|
+
cursor: pointer;
|
555
|
+
appearance: none;
|
556
|
+
}
|
557
|
+
.handsontable .htCheckboxRendererInput:before {
|
558
|
+
content: "";
|
559
|
+
display: inline-block;
|
560
|
+
width: var(--ht-checkbox-size);
|
561
|
+
height: var(--ht-checkbox-size);
|
562
|
+
border-radius: var(--ht-border-radius);
|
563
|
+
border: 1px solid var(--ht-checkbox-border-color);
|
564
|
+
background-color: var(--ht-checkbox-background-color);
|
565
|
+
box-sizing: border-box;
|
566
|
+
pointer-events: none;
|
567
|
+
transition: all var(--ht-table-transition) ease-in-out;
|
568
|
+
}
|
569
|
+
.handsontable .htCheckboxRendererInput:after {
|
570
|
+
content: "";
|
571
|
+
display: block;
|
572
|
+
position: absolute;
|
573
|
+
top: 0;
|
574
|
+
left: 0;
|
575
|
+
color: var(--ht-checkbox-icon-color);
|
576
|
+
pointer-events: none;
|
577
|
+
}
|
578
|
+
.handsontable .htCheckboxRendererInput:hover:before {
|
579
|
+
border-color: var(--ht-checkbox-hover-border-color);
|
580
|
+
background-color: var(--ht-checkbox-hover-background-color);
|
581
|
+
}
|
582
|
+
.handsontable .htCheckboxRendererInput:hover:after {
|
583
|
+
color: var(--ht-checkbox-hover-icon-color);
|
584
|
+
}
|
585
|
+
.handsontable .htCheckboxRendererInput:checked:before {
|
586
|
+
border-color: var(--ht-checkbox-checked-border-color);
|
587
|
+
background-color: var(--ht-checkbox-checked-background-color);
|
588
|
+
}
|
589
|
+
.handsontable .htCheckboxRendererInput:checked:after {
|
590
|
+
color: var(--ht-checkbox-checked-icon-color);
|
591
|
+
}
|
592
|
+
.handsontable .htCheckboxRendererInput:checked:hover:before {
|
593
|
+
border-color: var(--ht-checkbox-checked-hover-border-color);
|
594
|
+
background-color: var(--ht-checkbox-checked-hover-background-color);
|
595
|
+
}
|
596
|
+
.handsontable .htCheckboxRendererInput:checked:hover:after {
|
597
|
+
color: var(--ht-checkbox-checked-hover-icon-color);
|
598
|
+
}
|
599
|
+
.handsontable .htCheckboxRendererInput:checked:disabled:before {
|
600
|
+
border-color: var(--ht-checkbox-checked-disabled-border-color);
|
601
|
+
background-color: var(--ht-checkbox-checked-disabled-background-color);
|
602
|
+
}
|
603
|
+
.handsontable .htCheckboxRendererInput:checked:disabled:after {
|
604
|
+
color: var(--ht-checkbox-checked-disabled-icon-color);
|
605
|
+
}
|
606
|
+
.handsontable .htCheckboxRendererInput:focus:before {
|
607
|
+
border-color: var(--ht-checkbox-checked-focus-border-color);
|
608
|
+
background-color: var(--ht-checkbox-checked-focus-background-color);
|
609
|
+
outline: 1px solid var(--ht-checkbox-focus-ring-color);
|
610
|
+
}
|
611
|
+
.handsontable .htCheckboxRendererInput:focus:after {
|
612
|
+
color: var(--ht-checkbox-checked-focus-icon-color);
|
613
|
+
}
|
614
|
+
.handsontable .htCheckboxRendererInput:disabled {
|
615
|
+
cursor: initial;
|
616
|
+
}
|
617
|
+
.handsontable .htCheckboxRendererInput:disabled:before {
|
618
|
+
border-color: var(--ht-checkbox-disabled-border-color);
|
619
|
+
background-color: var(--ht-checkbox-disabled-background-color);
|
620
|
+
}
|
621
|
+
.handsontable .htCheckboxRendererInput:disabled:after {
|
622
|
+
color: var(--ht-checkbox-disabled-icon-color);
|
623
|
+
}
|
624
|
+
.handsontable .htCheckboxRendererInput.noValue {
|
625
|
+
opacity: 0.5;
|
626
|
+
}
|
627
|
+
.handsontable .htCheckboxRendererLabel {
|
628
|
+
font-size: inherit;
|
629
|
+
vertical-align: middle;
|
630
|
+
display: flex;
|
631
|
+
align-items: center;
|
632
|
+
gap: var(--ht-gap-size);
|
633
|
+
position: relative;
|
634
|
+
cursor: pointer;
|
635
|
+
}
|
636
|
+
.handsontable .htCheckboxRendererLabel.fullWidth {
|
637
|
+
width: 100%;
|
638
|
+
}
|
639
|
+
|
640
|
+
.handsontable .htPlaceholder {
|
641
|
+
color: var(--ht-placeholder-color);
|
642
|
+
}
|
643
|
+
.handsontable .htDimmed {
|
644
|
+
color: var(--ht-read-only-color);
|
645
|
+
}
|
646
|
+
.handsontable .htLeft {
|
647
|
+
text-align: left;
|
648
|
+
}
|
649
|
+
.handsontable .htCenter {
|
650
|
+
text-align: center;
|
651
|
+
}
|
652
|
+
.handsontable .htRight {
|
653
|
+
text-align: right;
|
654
|
+
}
|
655
|
+
.handsontable .htJustify {
|
656
|
+
text-align: justify;
|
657
|
+
}
|
658
|
+
.handsontable .htTop {
|
659
|
+
vertical-align: top;
|
660
|
+
}
|
661
|
+
.handsontable .htMiddle {
|
662
|
+
vertical-align: middle;
|
663
|
+
}
|
664
|
+
.handsontable .htBottom {
|
665
|
+
vertical-align: bottom;
|
666
|
+
}
|
667
|
+
.handsontable .htInvalid {
|
668
|
+
/* gives priority over td.area selection background */
|
669
|
+
background-color: var(--ht-cell-error-background-color) !important;
|
670
|
+
}
|
671
|
+
.handsontable .htNoWrap {
|
672
|
+
white-space: nowrap;
|
673
|
+
}
|
674
|
+
.handsontable .htSearchResult {
|
675
|
+
background: var(--ht-cell-success-background-color);
|
676
|
+
}
|
677
|
+
|
678
|
+
.handsontableInputHolder {
|
679
|
+
position: absolute;
|
680
|
+
top: 0;
|
681
|
+
left: 0;
|
682
|
+
}
|
683
|
+
.handsontableInputHolder .handsontableInput {
|
684
|
+
display: block;
|
685
|
+
margin: 0;
|
686
|
+
padding: calc(var(--ht-cell-horizontal-padding, 4px) + 1px) calc(var(--ht-cell-vertical-padding, 8px) + 1px);
|
687
|
+
font-family: inherit !important;
|
688
|
+
font-size: inherit !important;
|
689
|
+
line-height: inherit !important;
|
690
|
+
color: var(--ht-cell-editor-foreground-color);
|
691
|
+
background-color: var(--ht-background-color, #ffffff);
|
692
|
+
box-shadow: inset 0px 0px 0px 1px var(--ht-cell-editor-border-color), 0 0 var(--ht-cell-editor-shadow-blur-radius) var(--ht-cell-editor-shadow-color);
|
693
|
+
border: none;
|
694
|
+
-webkit-appearance: none !important;
|
695
|
+
overflow: hidden !important;
|
696
|
+
resize: none !important;
|
697
|
+
box-sizing: border-box;
|
698
|
+
/* Miscellaneous */
|
699
|
+
outline-width: 0;
|
700
|
+
/*overwrite styles potentially made by a framework*/
|
701
|
+
}
|
702
|
+
.handsontableInputHolder .handsontableInput:focus {
|
703
|
+
outline: none;
|
704
|
+
}
|
705
|
+
|
706
|
+
.htSelectEditor {
|
707
|
+
position: absolute;
|
708
|
+
}
|
709
|
+
.htSelectEditor select {
|
710
|
+
position: absolute;
|
711
|
+
inset: 0;
|
712
|
+
width: 100%;
|
713
|
+
height: 100%;
|
714
|
+
padding: calc(var(--ht-cell-horizontal-padding, 4px) + 1px) calc(var(--ht-cell-vertical-padding, 8px) + 1px);
|
715
|
+
padding-right: 26px;
|
716
|
+
white-space: nowrap;
|
717
|
+
overflow: hidden;
|
718
|
+
text-overflow: ellipsis;
|
719
|
+
color: var(--ht-cell-editor-foreground-color);
|
720
|
+
background-color: var(--ht-background-color, #ffffff);
|
721
|
+
font-family: inherit !important;
|
722
|
+
font-size: inherit !important;
|
723
|
+
line-height: inherit !important;
|
724
|
+
box-shadow: inset 0px 0px 0px 1px var(--ht-cell-editor-border-color), 0 0 var(--ht-cell-editor-shadow-blur-radius) var(--ht-cell-editor-shadow-color);
|
725
|
+
border: none;
|
726
|
+
-webkit-appearance: none !important;
|
727
|
+
}
|
728
|
+
.htSelectEditor select:focus {
|
729
|
+
outline: none;
|
730
|
+
}
|
731
|
+
.htSelectEditor .htAutocompleteArrow {
|
732
|
+
top: 50%;
|
733
|
+
transform: translateY(-50%);
|
734
|
+
margin-inline-end: 4px;
|
735
|
+
z-index: 1;
|
736
|
+
}
|
737
|
+
|
738
|
+
.handsontable.listbox {
|
739
|
+
margin: 0;
|
740
|
+
box-shadow: var(--ht-menu-shadow-x) var(--ht-menu-shadow-y) var(--ht-menu-shadow-blur) var(--ht-menu-shadow-color);
|
741
|
+
}
|
742
|
+
.handsontable.listbox .ht_master {
|
743
|
+
overflow: hidden;
|
744
|
+
}
|
745
|
+
.handsontable.listbox .wtHolder {
|
746
|
+
overflow: auto;
|
747
|
+
}
|
748
|
+
.handsontable.listbox table {
|
749
|
+
overflow: hidden;
|
750
|
+
}
|
751
|
+
.handsontable.listbox table th,
|
752
|
+
.handsontable.listbox table tr:first-child th,
|
753
|
+
.handsontable.listbox table tr:last-child th,
|
754
|
+
.handsontable.listbox table tr:first-child td,
|
755
|
+
.handsontable.listbox table td {
|
756
|
+
border-color: transparent !important;
|
757
|
+
}
|
758
|
+
.handsontable.listbox table th,
|
759
|
+
.handsontable.listbox table td {
|
760
|
+
white-space: nowrap;
|
761
|
+
text-overflow: ellipsis;
|
762
|
+
}
|
763
|
+
.handsontable.listbox table td.htDimmed {
|
764
|
+
cursor: default;
|
765
|
+
color: inherit;
|
766
|
+
font-style: inherit;
|
767
|
+
}
|
768
|
+
.handsontable.listbox table .wtBorder {
|
769
|
+
visibility: hidden;
|
770
|
+
}
|
771
|
+
.handsontable.listbox table strong {
|
772
|
+
font-weight: var(--ht-font-weight);
|
773
|
+
}
|
774
|
+
.handsontable.listbox table tr:hover td {
|
775
|
+
background: var(--ht-menu-item-hover-color);
|
776
|
+
cursor: pointer;
|
777
|
+
}
|
778
|
+
.handsontable.listbox table tr td.current {
|
779
|
+
background: var(--ht-menu-item-active-color);
|
780
|
+
}
|
781
|
+
.handsontable.listbox table thead th {
|
782
|
+
height: auto !important;
|
783
|
+
text-align: left;
|
784
|
+
border-width: 0px 1px 1px;
|
785
|
+
}
|
786
|
+
.handsontable.listbox table thead th > div {
|
787
|
+
padding-top: 8px;
|
788
|
+
padding-bottom: 8px;
|
789
|
+
}
|
790
|
+
.handsontable.listbox table thead th:first-child {
|
791
|
+
padding-left: 8px;
|
792
|
+
}
|
793
|
+
.handsontable.listbox .ht_clone_top .wtHider {
|
794
|
+
overflow: hidden;
|
795
|
+
}
|
796
|
+
.handsontable.listbox .ht_clone_top table {
|
797
|
+
border-radius: 0;
|
798
|
+
}
|
799
|
+
.handsontable.listbox .htBorders div {
|
800
|
+
background: none !important;
|
801
|
+
}
|
802
|
+
.handsontable.autocompleteEditor tr.ht__row_even th,
|
803
|
+
.handsontable.autocompleteEditor tr.ht__row_even td {
|
804
|
+
background-color: var(--ht-background-color, #ffffff);
|
805
|
+
}
|
806
|
+
.handsontable.autocompleteEditor tr.ht__row_odd th,
|
807
|
+
.handsontable.autocompleteEditor tr.ht__row_odd td {
|
808
|
+
background-color: var(--ht-background-color, #ffffff);
|
809
|
+
}
|
810
|
+
|
811
|
+
.pika-single {
|
812
|
+
position: relative;
|
813
|
+
display: block;
|
814
|
+
padding: 10px;
|
815
|
+
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
|
816
|
+
font-size: var(--ht-font-size);
|
817
|
+
font-weight: var(--ht-font-weight);
|
818
|
+
color: var(--ht-foreground-color);
|
819
|
+
background: var(--ht-background-color, #ffffff);
|
820
|
+
box-shadow: var(--ht-menu-shadow-x) var(--ht-menu-shadow-y) var(--ht-menu-shadow-blur) var(--ht-menu-shadow-color);
|
821
|
+
z-index: 9999;
|
822
|
+
}
|
823
|
+
.pika-single.is-hidden {
|
824
|
+
display: none;
|
825
|
+
}
|
826
|
+
.pika-single .pika-title {
|
827
|
+
display: flex;
|
828
|
+
align-items: center;
|
829
|
+
justify-content: center;
|
830
|
+
}
|
831
|
+
.pika-single .pika-label {
|
832
|
+
position: relative;
|
833
|
+
order: 2;
|
834
|
+
padding: 5px;
|
835
|
+
color: var(--ht-accent-color);
|
836
|
+
}
|
837
|
+
.pika-single .pika-label .pika-select {
|
838
|
+
position: absolute;
|
839
|
+
inset: 0;
|
840
|
+
opacity: 0;
|
841
|
+
cursor: pointer;
|
842
|
+
}
|
843
|
+
.pika-single .pika-prev,
|
844
|
+
.pika-single .pika-next {
|
845
|
+
width: 20px;
|
846
|
+
height: 20px;
|
847
|
+
white-space: nowrap;
|
848
|
+
text-indent: -9999px;
|
849
|
+
cursor: pointer;
|
850
|
+
}
|
851
|
+
.pika-single .pika-prev {
|
852
|
+
order: 1;
|
853
|
+
margin-right: auto;
|
854
|
+
}
|
855
|
+
.pika-single .pika-next {
|
856
|
+
order: 3;
|
857
|
+
margin-left: auto;
|
858
|
+
}
|
859
|
+
.pika-single .pika-table thead {
|
860
|
+
height: 50px;
|
861
|
+
}
|
862
|
+
.pika-single .pika-table th abbr {
|
863
|
+
text-decoration: none;
|
864
|
+
font-weight: normal;
|
865
|
+
}
|
866
|
+
.pika-single .pika-table td {
|
867
|
+
padding: 1px;
|
868
|
+
}
|
869
|
+
.pika-single .pika-table td.is-disabled .pika-button {
|
870
|
+
pointer-events: none;
|
871
|
+
opacity: 0.5;
|
872
|
+
}
|
873
|
+
.pika-single .pika-table td.is-today .pika-button {
|
874
|
+
background: var(--ht-menu-item-hover-color);
|
875
|
+
}
|
876
|
+
.pika-single .pika-table td.is-selected .pika-button {
|
877
|
+
background: var(--ht-accent-color);
|
878
|
+
color: var(--ht-background-color);
|
879
|
+
}
|
880
|
+
.pika-single .pika-table td.pika-week {
|
881
|
+
width: 12.5%;
|
882
|
+
text-align: center;
|
883
|
+
}
|
884
|
+
.pika-single .pika-table .pika-button {
|
885
|
+
width: 100%;
|
886
|
+
aspect-ratio: 1/1;
|
887
|
+
background: transparent;
|
888
|
+
color: var(--ht-foreground-color);
|
889
|
+
border: none;
|
890
|
+
border-radius: var(--ht-button-border-radius);
|
891
|
+
margin: 0;
|
892
|
+
padding: 10px;
|
893
|
+
cursor: pointer;
|
894
|
+
}
|
895
|
+
.pika-single .pika-table .pika-button:hover {
|
896
|
+
background: var(--ht-menu-item-hover-color);
|
897
|
+
}
|
898
|
+
|
899
|
+
.handsontable .htUISelectCaption {
|
900
|
+
width: 100%;
|
901
|
+
padding: var(--ht-input-horizontal-padding) var(--ht-input-vertical-padding);
|
902
|
+
font-family: inherit;
|
903
|
+
font-size: var(--ht-font-size);
|
904
|
+
line-height: var(--ht-line-height);
|
905
|
+
font-weight: var(--ht-font-weight);
|
906
|
+
border-radius: var(--ht-border-radius);
|
907
|
+
box-sizing: border-box;
|
908
|
+
cursor: pointer;
|
909
|
+
outline: none !important;
|
910
|
+
border-width: 1px;
|
911
|
+
border-style: solid;
|
912
|
+
border-color: var(--ht-input-border-color);
|
913
|
+
color: var(--ht-input-foreground-color);
|
914
|
+
background-color: var(--ht-input-background-color);
|
915
|
+
text-overflow: ellipsis;
|
916
|
+
white-space: nowrap;
|
917
|
+
overflow: hidden;
|
918
|
+
}
|
919
|
+
.handsontable .htUISelectCaption:hover {
|
920
|
+
border-color: var(--ht-input-hover-border-color);
|
921
|
+
color: var(--ht-input-hover-foreground-color);
|
922
|
+
background-color: var(--ht-input-hover-background-color);
|
923
|
+
}
|
924
|
+
.handsontable .htUISelectCaption:disabled {
|
925
|
+
border-color: var(--ht-input-disabled-border-color);
|
926
|
+
color: var(--ht-input-disabled-foreground-color);
|
927
|
+
background-color: var(--ht-input-disabled-background-color);
|
928
|
+
}
|
929
|
+
.handsontable .htUISelectCaption:focus {
|
930
|
+
border-color: var(--ht-input-focus-border-color);
|
931
|
+
color: var(--ht-input-focus-foreground-color);
|
932
|
+
background-color: var(--ht-input-focus-background-color);
|
933
|
+
}
|
934
|
+
.handsontable .htUISelect {
|
935
|
+
cursor: pointer;
|
936
|
+
position: relative;
|
937
|
+
outline: none !important;
|
938
|
+
}
|
939
|
+
|
940
|
+
.handsontable .htFiltersMenuCondition .htUIInput input,
|
941
|
+
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
|
942
|
+
width: 100%;
|
943
|
+
padding: var(--ht-input-horizontal-padding) var(--ht-input-vertical-padding);
|
944
|
+
font-family: inherit;
|
945
|
+
font-size: var(--ht-font-size);
|
946
|
+
line-height: var(--ht-line-height);
|
947
|
+
font-weight: var(--ht-font-weight);
|
948
|
+
border-radius: var(--ht-border-radius);
|
949
|
+
box-sizing: border-box;
|
950
|
+
cursor: pointer;
|
951
|
+
outline: none !important;
|
952
|
+
border-width: 1px;
|
953
|
+
border-style: solid;
|
954
|
+
border-color: var(--ht-input-border-color);
|
955
|
+
color: var(--ht-input-foreground-color);
|
956
|
+
background-color: var(--ht-input-background-color);
|
957
|
+
}
|
958
|
+
.handsontable .htFiltersMenuCondition .htUIInput input:hover,
|
959
|
+
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input:hover {
|
960
|
+
border-color: var(--ht-input-hover-border-color);
|
961
|
+
color: var(--ht-input-hover-foreground-color);
|
962
|
+
background-color: var(--ht-input-hover-background-color);
|
963
|
+
}
|
964
|
+
.handsontable .htFiltersMenuCondition .htUIInput input:disabled,
|
965
|
+
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input:disabled {
|
966
|
+
border-color: var(--ht-input-disabled-border-color);
|
967
|
+
color: var(--ht-input-disabled-foreground-color);
|
968
|
+
background-color: var(--ht-input-disabled-background-color);
|
969
|
+
}
|
970
|
+
.handsontable .htFiltersMenuCondition .htUIInput input:focus,
|
971
|
+
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input:focus {
|
972
|
+
border-color: var(--ht-input-focus-border-color);
|
973
|
+
color: var(--ht-input-focus-foreground-color);
|
974
|
+
background-color: var(--ht-input-focus-background-color);
|
975
|
+
}
|
976
|
+
.handsontable .htUIInput {
|
977
|
+
position: relative;
|
978
|
+
padding: 0;
|
979
|
+
outline: none !important;
|
980
|
+
text-align: center;
|
981
|
+
}
|
982
|
+
.handsontable .htUIInputIcon {
|
983
|
+
position: absolute;
|
984
|
+
}
|
985
|
+
|
986
|
+
.handsontable .htUIInput.htUIButton {
|
987
|
+
cursor: pointer;
|
988
|
+
display: inline-block;
|
989
|
+
}
|
990
|
+
.handsontable .htUIInput.htUIButton input {
|
991
|
+
min-width: 64px;
|
992
|
+
padding: var(--ht-button-horizontal-padding) var(--ht-button-vertical-padding);
|
993
|
+
font-family: inherit;
|
994
|
+
font-size: var(--ht-font-size);
|
995
|
+
line-height: var(--ht-line-height);
|
996
|
+
font-weight: var(--ht-font-weight);
|
997
|
+
border-radius: var(--ht-button-border-radius);
|
998
|
+
box-sizing: border-box;
|
999
|
+
cursor: pointer;
|
1000
|
+
outline: none !important;
|
1001
|
+
border-width: 1px;
|
1002
|
+
border-style: solid;
|
1003
|
+
border-color: var(--ht-secondary-button-border-color);
|
1004
|
+
background-color: var(--ht-secondary-button-background-color);
|
1005
|
+
color: var(--ht-secondary-button-foreground-color);
|
1006
|
+
}
|
1007
|
+
.handsontable .htUIInput.htUIButton input:hover {
|
1008
|
+
border-color: var(--ht-secondary-button-hover-border-color);
|
1009
|
+
background-color: var(--ht-secondary-button-hover-background-color);
|
1010
|
+
color: var(--ht-secondary-button-hover-foreground-color);
|
1011
|
+
}
|
1012
|
+
.handsontable .htUIInput.htUIButton input:disabled {
|
1013
|
+
border-color: var(--ht-secondary-button-disabled-border-color);
|
1014
|
+
background-color: var(--ht-secondary-button-disabled-background-color);
|
1015
|
+
color: var(--ht-secondary-button-disabled-foreground-color);
|
1016
|
+
}
|
1017
|
+
.handsontable .htUIInput.htUIButton input:focus {
|
1018
|
+
border-color: var(--ht-secondary-button-focus-border-color);
|
1019
|
+
background-color: var(--ht-secondary-button-focus-background-color);
|
1020
|
+
color: var(--ht-secondary-button-focus-foreground-color);
|
1021
|
+
}
|
1022
|
+
.handsontable .htUIInput.htUIButtonOK {
|
1023
|
+
margin-inline-start: 0;
|
1024
|
+
margin-inline-end: calc(2 * var(--ht-gap-size));
|
1025
|
+
}
|
1026
|
+
.handsontable .htUIInput.htUIButtonOK input {
|
1027
|
+
border-color: var(--ht-primary-button-border-color);
|
1028
|
+
background-color: var(--ht-primary-button-background-color);
|
1029
|
+
color: var(--ht-primary-button-foreground-color);
|
1030
|
+
}
|
1031
|
+
.handsontable .htUIInput.htUIButtonOK input:hover {
|
1032
|
+
border-color: var(--ht-primary-button-hover-border-color);
|
1033
|
+
background-color: var(--ht-primary-button-hover-background-color);
|
1034
|
+
color: var(--ht-primary-button-hover-foreground-color);
|
1035
|
+
}
|
1036
|
+
.handsontable .htUIInput.htUIButtonOK input:disabled {
|
1037
|
+
border-color: var(--ht-primary-button-disabled-border-color);
|
1038
|
+
background-color: var(--ht-primary-button-disabled-background-color);
|
1039
|
+
color: var(--ht-primary-button-disabled-foreground-color);
|
1040
|
+
}
|
1041
|
+
.handsontable .htUIInput.htUIButtonOK input:focus {
|
1042
|
+
border-color: var(--ht-primary-button-focus-border-color);
|
1043
|
+
background-color: var(--ht-primary-button-focus-background-color);
|
1044
|
+
color: var(--ht-primary-button-focus-foreground-color);
|
1045
|
+
}
|
1046
|
+
|
1047
|
+
.handsontable .htUIRadio {
|
1048
|
+
position: relative;
|
1049
|
+
display: inline-flex;
|
1050
|
+
margin: 0;
|
1051
|
+
padding: var(--ht-gap-size) calc(2 * var(--ht-gap-size));
|
1052
|
+
align-items: center;
|
1053
|
+
gap: calc(2 * var(--ht-gap-size));
|
1054
|
+
cursor: pointer;
|
1055
|
+
}
|
1056
|
+
.handsontable .htUIRadio:first-child {
|
1057
|
+
padding-inline-start: 0;
|
1058
|
+
}
|
1059
|
+
.handsontable .htUIRadio > input[type=radio] {
|
1060
|
+
position: relative;
|
1061
|
+
width: var(--ht-checkbox-size);
|
1062
|
+
height: var(--ht-checkbox-size);
|
1063
|
+
margin: 0;
|
1064
|
+
appearance: none;
|
1065
|
+
cursor: pointer;
|
1066
|
+
}
|
1067
|
+
.handsontable .htUIRadio > input[type=radio]:before {
|
1068
|
+
content: "";
|
1069
|
+
display: block;
|
1070
|
+
position: absolute;
|
1071
|
+
inset: 0;
|
1072
|
+
border-radius: calc(0.5 * var(--ht-checkbox-size));
|
1073
|
+
border: 1px solid var(--ht-checkbox-border-color);
|
1074
|
+
background-color: var(--ht-checkbox-background-color);
|
1075
|
+
}
|
1076
|
+
.handsontable .htUIRadio > input[type=radio]:after {
|
1077
|
+
content: "";
|
1078
|
+
display: block;
|
1079
|
+
position: absolute;
|
1080
|
+
color: var(--ht-checkbox-background-color);
|
1081
|
+
}
|
1082
|
+
.handsontable .htUIRadio > input[type=radio]:hover:before {
|
1083
|
+
border-color: var(--ht-checkbox-hover-border-color);
|
1084
|
+
}
|
1085
|
+
.handsontable .htUIRadio > input[type=radio]:hover:after {
|
1086
|
+
color: var(--ht-checkbox-hover-background-color);
|
1087
|
+
}
|
1088
|
+
.handsontable .htUIRadio > input[type=radio]:checked:before {
|
1089
|
+
border-color: var(--ht-checkbox-checked-border-color);
|
1090
|
+
}
|
1091
|
+
.handsontable .htUIRadio > input[type=radio]:checked:after {
|
1092
|
+
color: var(--ht-checkbox-checked-background-color);
|
1093
|
+
}
|
1094
|
+
.handsontable .htUIRadio > input[type=radio]:checked:hover:before {
|
1095
|
+
border-color: var(--ht-checkbox-checked-hover-border-color);
|
1096
|
+
}
|
1097
|
+
.handsontable .htUIRadio > input[type=radio]:checked:hover:after {
|
1098
|
+
color: var(--ht-checkbox-checked-hover-background-color);
|
1099
|
+
}
|
1100
|
+
.handsontable .htUIRadio > input[type=radio]:checked:disabled {
|
1101
|
+
cursor: initial;
|
1102
|
+
}
|
1103
|
+
.handsontable .htUIRadio > input[type=radio]:checked:disabled:before {
|
1104
|
+
border-color: var(--ht-checkbox-checked-disabled-border-color);
|
1105
|
+
}
|
1106
|
+
.handsontable .htUIRadio > input[type=radio]:checked:disabled:after {
|
1107
|
+
color: var(--ht-checkbox-checked-disabled-icon-color);
|
1108
|
+
}
|
1109
|
+
.handsontable .htUIRadio > input[type=radio]:disabled:before {
|
1110
|
+
border-color: var(--ht-checkbox-disabled-border-color);
|
1111
|
+
}
|
1112
|
+
.handsontable .htUIRadio > input[type=radio]:disabled:after {
|
1113
|
+
color: var(--ht-checkbox-disabled-background-color);
|
1114
|
+
}
|
1115
|
+
.handsontable .htUIRadio > input[type=radio]:focus:before {
|
1116
|
+
border-color: var(--ht-checkbox-checked-focus-border-color);
|
1117
|
+
}
|
1118
|
+
.handsontable .htUIRadio > input[type=radio]:focus:after {
|
1119
|
+
color: var(--ht-checkbox-checked-focus-icon-color);
|
1120
|
+
}
|
1121
|
+
.handsontable .htUIRadio > input[type=radio]:disabled {
|
1122
|
+
cursor: initial;
|
1123
|
+
}
|
1124
|
+
.handsontable .htUIRadio > input[type=radio]:disabled:before {
|
1125
|
+
border-color: var(--ht-checkbox-disabled-border-color);
|
1126
|
+
}
|
1127
|
+
.handsontable .htUIRadio > input[type=radio]:disabled:after {
|
1128
|
+
color: var(--ht-checkbox-disabled-icon-color);
|
1129
|
+
}
|
1130
|
+
.handsontable .htUIRadio label {
|
1131
|
+
vertical-align: middle;
|
1132
|
+
cursor: pointer;
|
1133
|
+
}
|
1134
|
+
.handsontable .htUIRadio label:before {
|
1135
|
+
content: "";
|
1136
|
+
display: block;
|
1137
|
+
position: absolute;
|
1138
|
+
inset: 0;
|
1139
|
+
}
|
1140
|
+
|
1141
|
+
.handsontable .collapsibleIndicator,
|
1142
|
+
.handsontable .ht_nestingButton {
|
1143
|
+
position: relative;
|
1144
|
+
width: var(--ht-icon-size);
|
1145
|
+
height: var(--ht-icon-size);
|
1146
|
+
box-sizing: border-box;
|
1147
|
+
border-radius: var(--ht-collapse-button-border-radius);
|
1148
|
+
overflow: hidden;
|
1149
|
+
cursor: pointer;
|
1150
|
+
/* hide text */
|
1151
|
+
text-indent: -100px;
|
1152
|
+
font-size: 0;
|
1153
|
+
}
|
1154
|
+
.handsontable .collapsibleIndicator:before,
|
1155
|
+
.handsontable .ht_nestingButton:before {
|
1156
|
+
content: "";
|
1157
|
+
display: block;
|
1158
|
+
position: absolute;
|
1159
|
+
top: 0;
|
1160
|
+
left: 0;
|
1161
|
+
transition: var(--ht-table-transition) all ease-in-out;
|
1162
|
+
}
|
1163
|
+
.handsontable .collapsibleIndicator.expanded, .handsontable .collapsibleIndicator.ht_nestingCollapse,
|
1164
|
+
.handsontable .ht_nestingButton.expanded,
|
1165
|
+
.handsontable .ht_nestingButton.ht_nestingCollapse {
|
1166
|
+
background-color: var(--ht-collapse-button-open-background-color);
|
1167
|
+
box-shadow: 0 0 0 1px var(--ht-collapse-button-open-border-color);
|
1168
|
+
}
|
1169
|
+
.handsontable .collapsibleIndicator.expanded:before, .handsontable .collapsibleIndicator.ht_nestingCollapse:before,
|
1170
|
+
.handsontable .ht_nestingButton.expanded:before,
|
1171
|
+
.handsontable .ht_nestingButton.ht_nestingCollapse:before {
|
1172
|
+
color: var(--ht-collapse-button-open-icon-color);
|
1173
|
+
}
|
1174
|
+
.handsontable .collapsibleIndicator.expanded:hover, .handsontable .collapsibleIndicator.ht_nestingCollapse:hover,
|
1175
|
+
.handsontable .ht_nestingButton.expanded:hover,
|
1176
|
+
.handsontable .ht_nestingButton.ht_nestingCollapse:hover {
|
1177
|
+
background-color: var(--ht-collapse-button-open-hover-background-color);
|
1178
|
+
box-shadow: 0 0 0 1px var(--ht-collapse-button-open-hover-border-color);
|
1179
|
+
}
|
1180
|
+
.handsontable .collapsibleIndicator.expanded:hover:before, .handsontable .collapsibleIndicator.ht_nestingCollapse:hover:before,
|
1181
|
+
.handsontable .ht_nestingButton.expanded:hover:before,
|
1182
|
+
.handsontable .ht_nestingButton.ht_nestingCollapse:hover:before {
|
1183
|
+
color: var(--ht-collapse-button-open-hover-icon-color);
|
1184
|
+
}
|
1185
|
+
.handsontable .collapsibleIndicator.collapsed, .handsontable .collapsibleIndicator.ht_nestingExpand,
|
1186
|
+
.handsontable .ht_nestingButton.collapsed,
|
1187
|
+
.handsontable .ht_nestingButton.ht_nestingExpand {
|
1188
|
+
background-color: var(--ht-collapse-button-close-background-color);
|
1189
|
+
box-shadow: 0 0 0 1px var(--ht-collapse-button-close-border-color);
|
1190
|
+
}
|
1191
|
+
.handsontable .collapsibleIndicator.collapsed:before, .handsontable .collapsibleIndicator.ht_nestingExpand:before,
|
1192
|
+
.handsontable .ht_nestingButton.collapsed:before,
|
1193
|
+
.handsontable .ht_nestingButton.ht_nestingExpand:before {
|
1194
|
+
color: var(--ht-collapse-button-close-icon-color);
|
1195
|
+
}
|
1196
|
+
.handsontable .collapsibleIndicator.collapsed:hover, .handsontable .collapsibleIndicator.ht_nestingExpand:hover,
|
1197
|
+
.handsontable .ht_nestingButton.collapsed:hover,
|
1198
|
+
.handsontable .ht_nestingButton.ht_nestingExpand:hover {
|
1199
|
+
background-color: var(--ht-collapse-button-close-hover-background-color);
|
1200
|
+
box-shadow: 0 0 0 1px var(--ht-collapse-button-close-hover-border-color);
|
1201
|
+
}
|
1202
|
+
.handsontable .collapsibleIndicator.collapsed:hover:before, .handsontable .collapsibleIndicator.ht_nestingExpand:hover:before,
|
1203
|
+
.handsontable .ht_nestingButton.collapsed:hover:before,
|
1204
|
+
.handsontable .ht_nestingButton.ht_nestingExpand:hover:before {
|
1205
|
+
color: var(--ht-collapse-button-close-hover-icon-color);
|
1206
|
+
}
|
1207
|
+
|
1208
|
+
.handsontable thead th.hiddenHeader:not(:first-of-type) {
|
1209
|
+
display: none;
|
1210
|
+
}
|
1211
|
+
|
1212
|
+
.handsontable th.ht_nestingLevels > .relative {
|
1213
|
+
display: flex;
|
1214
|
+
align-items: center;
|
1215
|
+
gap: var(--ht-gap-size);
|
1216
|
+
}
|
1217
|
+
.handsontable th.ht_nestingLevels span:last-child {
|
1218
|
+
padding-left: calc(var(--ht-icon-size) + var(--ht-gap-size));
|
1219
|
+
}
|
1220
|
+
.handsontable th.ht_nestingLevels span.ht_nestingLevel {
|
1221
|
+
display: inline-block;
|
1222
|
+
}
|
1223
|
+
.handsontable th.ht_nestingLevels span.ht_nestingLevel_empty {
|
1224
|
+
position: relative;
|
1225
|
+
display: inline-block;
|
1226
|
+
width: var(--ht-gap-size);
|
1227
|
+
height: var(--ht-gap-size);
|
1228
|
+
order: -2;
|
1229
|
+
}
|
1230
|
+
.handsontable th.ht_nestingLevels .ht_nestingButton {
|
1231
|
+
position: relative;
|
1232
|
+
cursor: pointer;
|
1233
|
+
order: -1;
|
1234
|
+
}
|
1235
|
+
|
1236
|
+
.handsontable th.beforeHiddenColumn,
|
1237
|
+
.handsontable th.afterHiddenColumn {
|
1238
|
+
position: relative;
|
1239
|
+
}
|
1240
|
+
.handsontable th.beforeHiddenColumn:after,
|
1241
|
+
.handsontable th.afterHiddenColumn:after {
|
1242
|
+
content: "";
|
1243
|
+
display: block;
|
1244
|
+
position: absolute;
|
1245
|
+
top: 50%;
|
1246
|
+
width: 10px !important;
|
1247
|
+
height: 10px !important;
|
1248
|
+
transform: translateY(-50%);
|
1249
|
+
color: var(--ht-border-color);
|
1250
|
+
}
|
1251
|
+
.handsontable th.beforeHiddenColumn:after {
|
1252
|
+
right: -2px;
|
1253
|
+
}
|
1254
|
+
.handsontable th.afterHiddenColumn:after {
|
1255
|
+
left: -2px;
|
1256
|
+
}
|
1257
|
+
|
1258
|
+
[dir=rtl].handsontable th.beforeHiddenColumn:after {
|
1259
|
+
right: initial;
|
1260
|
+
left: -2px;
|
1261
|
+
transform: translateY(-50%) rotate(180deg);
|
1262
|
+
}
|
1263
|
+
[dir=rtl].handsontable th.afterHiddenColumn:after {
|
1264
|
+
right: -2px;
|
1265
|
+
left: initial;
|
1266
|
+
transform: translateY(-50%) rotate(180deg);
|
1267
|
+
}
|
1268
|
+
|
1269
|
+
.handsontable th.beforeHiddenRow,
|
1270
|
+
.handsontable th.afterHiddenRow {
|
1271
|
+
position: relative;
|
1272
|
+
}
|
1273
|
+
.handsontable th.beforeHiddenRow:after,
|
1274
|
+
.handsontable th.afterHiddenRow:after {
|
1275
|
+
content: "";
|
1276
|
+
display: block;
|
1277
|
+
position: absolute;
|
1278
|
+
left: 50%;
|
1279
|
+
width: 10px !important;
|
1280
|
+
height: 10px !important;
|
1281
|
+
transform: translateX(-50%);
|
1282
|
+
color: var(--ht-border-color);
|
1283
|
+
}
|
1284
|
+
.handsontable th.beforeHiddenRow:after {
|
1285
|
+
bottom: -2px;
|
1286
|
+
}
|
1287
|
+
.handsontable th.afterHiddenRow:after {
|
1288
|
+
top: -2px;
|
1289
|
+
}
|
1290
|
+
|
1291
|
+
.handsontable .changeType {
|
1292
|
+
position: relative;
|
1293
|
+
box-sizing: border-box;
|
1294
|
+
width: var(--ht-icon-size);
|
1295
|
+
height: var(--ht-icon-size);
|
1296
|
+
border-radius: var(--ht-icon-button-border-radius);
|
1297
|
+
border: none;
|
1298
|
+
color: inherit;
|
1299
|
+
background-color: var(--ht-icon-button-background);
|
1300
|
+
transition: var(--ht-table-transition) all ease-in-out;
|
1301
|
+
order: 1;
|
1302
|
+
z-index: 1;
|
1303
|
+
}
|
1304
|
+
.handsontable .changeType:before {
|
1305
|
+
content: "";
|
1306
|
+
display: block;
|
1307
|
+
position: absolute;
|
1308
|
+
top: 0;
|
1309
|
+
left: 0;
|
1310
|
+
}
|
1311
|
+
.handsontable .changeType:hover {
|
1312
|
+
border: none;
|
1313
|
+
cursor: pointer;
|
1314
|
+
background-color: var(--ht-icon-button-hover-background);
|
1315
|
+
box-shadow: 0 0 0 1px var(--ht-border-color);
|
1316
|
+
}
|
1317
|
+
.handsontable .changeType:hover:before {
|
1318
|
+
border-color: var(--ht-icon-button-hover-icon-color);
|
1319
|
+
}
|
1320
|
+
.handsontable .htFiltersActive .changeType {
|
1321
|
+
color: var(--ht-icon-button-focus-icon-color);
|
1322
|
+
background-color: var(--ht-icon-button-focus-background);
|
1323
|
+
}
|
1324
|
+
.handsontable.htDropdownMenu > .ht_master, .handsontable.htContextMenu > .ht_master, .handsontable.htFiltersConditionsMenu > .ht_master {
|
1325
|
+
border-color: var(--ht-menu-border-color);
|
1326
|
+
border-style: solid;
|
1327
|
+
border-width: var(--ht-menu-border-width);
|
1328
|
+
border-radius: var(--ht-menu-border-radius);
|
1329
|
+
box-shadow: var(--ht-menu-shadow-x) var(--ht-menu-shadow-y) var(--ht-menu-shadow-blur) var(--ht-menu-shadow-color);
|
1330
|
+
overflow: hidden;
|
1331
|
+
padding: var(--ht-menu-vertical-padding) var(--ht-menu-horizontal-padding);
|
1332
|
+
}
|
1333
|
+
.handsontable.htDropdownMenu:not(.htGhostTable), .handsontable.htContextMenu:not(.htGhostTable), .handsontable.htFiltersConditionsMenu:not(.htGhostTable) {
|
1334
|
+
display: none;
|
1335
|
+
position: absolute;
|
1336
|
+
/* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
|
1337
|
+
z-index: 1060;
|
1338
|
+
}
|
1339
|
+
.handsontable.htDropdownMenu .ht_clone_top,
|
1340
|
+
.handsontable.htDropdownMenu .ht_clone_bottom,
|
1341
|
+
.handsontable.htDropdownMenu .ht_clone_inline_start,
|
1342
|
+
.handsontable.htDropdownMenu .ht_clone_top_inline_start_corner,
|
1343
|
+
.handsontable.htDropdownMenu .ht_clone_bottom_inline_start_corner, .handsontable.htContextMenu .ht_clone_top,
|
1344
|
+
.handsontable.htContextMenu .ht_clone_bottom,
|
1345
|
+
.handsontable.htContextMenu .ht_clone_inline_start,
|
1346
|
+
.handsontable.htContextMenu .ht_clone_top_inline_start_corner,
|
1347
|
+
.handsontable.htContextMenu .ht_clone_bottom_inline_start_corner, .handsontable.htFiltersConditionsMenu .ht_clone_top,
|
1348
|
+
.handsontable.htFiltersConditionsMenu .ht_clone_bottom,
|
1349
|
+
.handsontable.htFiltersConditionsMenu .ht_clone_inline_start,
|
1350
|
+
.handsontable.htFiltersConditionsMenu .ht_clone_top_inline_start_corner,
|
1351
|
+
.handsontable.htFiltersConditionsMenu .ht_clone_bottom_inline_start_corner {
|
1352
|
+
display: none;
|
1353
|
+
}
|
1354
|
+
.handsontable.htDropdownMenu table.htCore, .handsontable.htContextMenu table.htCore, .handsontable.htFiltersConditionsMenu table.htCore {
|
1355
|
+
overflow: hidden;
|
1356
|
+
}
|
1357
|
+
.handsontable.htDropdownMenu .htCustomMenuRenderer .table.htCore, .handsontable.htContextMenu .htCustomMenuRenderer .table.htCore, .handsontable.htFiltersConditionsMenu .htCustomMenuRenderer .table.htCore {
|
1358
|
+
box-shadow: none;
|
1359
|
+
}
|
1360
|
+
.handsontable.htDropdownMenu.handsontable:focus, .handsontable.htContextMenu.handsontable:focus, .handsontable.htFiltersConditionsMenu.handsontable:focus {
|
1361
|
+
outline: none;
|
1362
|
+
}
|
1363
|
+
.handsontable.htDropdownMenu .wtBorder, .handsontable.htContextMenu .wtBorder, .handsontable.htFiltersConditionsMenu .wtBorder {
|
1364
|
+
visibility: hidden;
|
1365
|
+
}
|
1366
|
+
.handsontable.htDropdownMenu table tbody tr td, .handsontable.htContextMenu table tbody tr td, .handsontable.htFiltersConditionsMenu table tbody tr td {
|
1367
|
+
position: relative;
|
1368
|
+
padding: var(--ht-menu-item-horizontal-padding) var(--ht-menu-item-vertical-padding);
|
1369
|
+
border-width: 0;
|
1370
|
+
overflow: hidden;
|
1371
|
+
white-space: nowrap;
|
1372
|
+
text-overflow: ellipsis;
|
1373
|
+
background: var(--ht-background-color);
|
1374
|
+
cursor: pointer;
|
1375
|
+
transition: background calc(0.5 * var(--ht-table-transition)) ease-in-out;
|
1376
|
+
}
|
1377
|
+
.handsontable.htDropdownMenu table tbody tr td:first-child, .handsontable.htContextMenu table tbody tr td:first-child, .handsontable.htFiltersConditionsMenu table tbody tr td:first-child {
|
1378
|
+
border-top-width: 0;
|
1379
|
+
border-inline-end-width: 0;
|
1380
|
+
border-bottom-width: 0;
|
1381
|
+
border-inline-start-width: 0;
|
1382
|
+
}
|
1383
|
+
.handsontable.htDropdownMenu table tbody tr td.htDimmed, .handsontable.htContextMenu table tbody tr td.htDimmed, .handsontable.htFiltersConditionsMenu table tbody tr td.htDimmed {
|
1384
|
+
font-style: normal;
|
1385
|
+
color: var(--ht-foreground-color);
|
1386
|
+
}
|
1387
|
+
.handsontable.htDropdownMenu table tbody tr td.current:not(.htSelectionDisabled), .handsontable.htContextMenu table tbody tr td.current:not(.htSelectionDisabled), .handsontable.htFiltersConditionsMenu table tbody tr td.current:not(.htSelectionDisabled) {
|
1388
|
+
background: var(--ht-menu-item-active-color);
|
1389
|
+
}
|
1390
|
+
.handsontable.htDropdownMenu table tbody tr td.htSubmenu .htItemWrapper:after, .handsontable.htContextMenu table tbody tr td.htSubmenu .htItemWrapper:after, .handsontable.htFiltersConditionsMenu table tbody tr td.htSubmenu .htItemWrapper:after {
|
1391
|
+
content: "";
|
1392
|
+
display: block;
|
1393
|
+
position: absolute;
|
1394
|
+
top: 50%;
|
1395
|
+
right: calc(4 * var(--ht-gap-size));
|
1396
|
+
transform: translateY(-50%);
|
1397
|
+
}
|
1398
|
+
.handsontable.htDropdownMenu table tbody tr td.htSeparator, .handsontable.htContextMenu table tbody tr td.htSeparator, .handsontable.htFiltersConditionsMenu table tbody tr td.htSeparator {
|
1399
|
+
border-top: 1px solid var(--ht-menu-border-color);
|
1400
|
+
height: 0;
|
1401
|
+
padding: 0;
|
1402
|
+
cursor: default;
|
1403
|
+
}
|
1404
|
+
.handsontable.htDropdownMenu table tbody tr td.htDisabled, .handsontable.htContextMenu table tbody tr td.htDisabled, .handsontable.htFiltersConditionsMenu table tbody tr td.htDisabled {
|
1405
|
+
color: var(--ht-disabled-color);
|
1406
|
+
cursor: default;
|
1407
|
+
}
|
1408
|
+
.handsontable.htDropdownMenu table tbody tr td.htDisabled:hover, .handsontable.htContextMenu table tbody tr td.htDisabled:hover, .handsontable.htFiltersConditionsMenu table tbody tr td.htDisabled:hover {
|
1409
|
+
background: var(--ht-background-color);
|
1410
|
+
color: var(--ht-disabled-color);
|
1411
|
+
}
|
1412
|
+
.handsontable.htDropdownMenu table tbody tr td.htHidden, .handsontable.htContextMenu table tbody tr td.htHidden, .handsontable.htFiltersConditionsMenu table tbody tr td.htHidden {
|
1413
|
+
display: none;
|
1414
|
+
}
|
1415
|
+
.handsontable.htDropdownMenu table tbody tr td .htItemWrapper, .handsontable.htContextMenu table tbody tr td .htItemWrapper, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper {
|
1416
|
+
margin-inline: calc(2 * var(--ht-gap-size));
|
1417
|
+
}
|
1418
|
+
.handsontable.htDropdownMenu table tbody tr td .htItemWrapper i, .handsontable.htContextMenu table tbody tr td .htItemWrapper i, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper i {
|
1419
|
+
font-size: 18px;
|
1420
|
+
margin-right: 5px;
|
1421
|
+
}
|
1422
|
+
.handsontable.htDropdownMenu table tbody tr td .htItemWrapper:before, .handsontable.htContextMenu table tbody tr td .htItemWrapper:before, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper:before {
|
1423
|
+
vertical-align: text-bottom;
|
1424
|
+
margin-right: 12px;
|
1425
|
+
}
|
1426
|
+
.handsontable.htDropdownMenu table tbody tr td .htItemWrapper span.selected, .handsontable.htContextMenu table tbody tr td .htItemWrapper span.selected, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected {
|
1427
|
+
font-size: 0;
|
1428
|
+
inset: 0;
|
1429
|
+
}
|
1430
|
+
.handsontable.htDropdownMenu table tbody tr td .htItemWrapper span.selected:after, .handsontable.htContextMenu table tbody tr td .htItemWrapper span.selected:after, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected:after {
|
1431
|
+
content: "";
|
1432
|
+
display: block;
|
1433
|
+
position: absolute;
|
1434
|
+
top: 50%;
|
1435
|
+
right: calc(4 * var(--ht-gap-size));
|
1436
|
+
color: var(--ht-accent-color);
|
1437
|
+
transform: translateY(-50%);
|
1438
|
+
}
|
1439
|
+
.handsontable.htDropdownMenu table tbody tr td .htItemWrapper span.selected::before, .handsontable.htContextMenu table tbody tr td .htItemWrapper span.selected::before, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected::before {
|
1440
|
+
content: "";
|
1441
|
+
display: block;
|
1442
|
+
position: absolute;
|
1443
|
+
inset: 0;
|
1444
|
+
background-color: var(--ht-accent-color);
|
1445
|
+
opacity: 0.1;
|
1446
|
+
}
|
1447
|
+
.handsontable.htDropdownMenu table tbody tr td div span.selected, .handsontable.htContextMenu table tbody tr td div span.selected, .handsontable.htFiltersConditionsMenu table tbody tr td div span.selected {
|
1448
|
+
position: absolute;
|
1449
|
+
inset-inline-end: 0;
|
1450
|
+
}
|
1451
|
+
|
1452
|
+
.handsontable.htFiltersConditionsMenu:not(.htGhostTable) {
|
1453
|
+
z-index: 1070;
|
1454
|
+
}
|
1455
|
+
.handsontable .ht_master table td.htCustomMenuRenderer {
|
1456
|
+
cursor: auto;
|
1457
|
+
}
|
1458
|
+
.handsontable .htFiltersMenuLabel {
|
1459
|
+
font-size: var(--ht-label-font-size);
|
1460
|
+
line-height: var(--ht-label-line-height);
|
1461
|
+
margin-bottom: calc(var(--ht-gap-size) * 2);
|
1462
|
+
}
|
1463
|
+
.handsontable .htFiltersMenuLabel:empty {
|
1464
|
+
display: none;
|
1465
|
+
}
|
1466
|
+
.handsontable .htFiltersMenuCondition {
|
1467
|
+
padding-top: calc(var(--ht-gap-size) * 4) !important;
|
1468
|
+
padding-bottom: 0 !important;
|
1469
|
+
}
|
1470
|
+
.handsontable .htFiltersMenuCondition .border {
|
1471
|
+
border-bottom: 1px solid var(--ht-border-color) !important;
|
1472
|
+
}
|
1473
|
+
.handsontable .htFiltersMenuCondition .htUIInput {
|
1474
|
+
margin-top: calc(var(--ht-gap-size) * 2);
|
1475
|
+
}
|
1476
|
+
.handsontable .htFiltersMenuValue {
|
1477
|
+
padding-top: calc(var(--ht-gap-size) * 4) !important;
|
1478
|
+
padding-bottom: 0 !important;
|
1479
|
+
border-bottom: 1px solid var(--ht-border-color) !important;
|
1480
|
+
}
|
1481
|
+
.handsontable .htFiltersMenuOperators,
|
1482
|
+
.handsontable .htUISelectionControls {
|
1483
|
+
padding-top: calc(var(--ht-gap-size) * 2) !important;
|
1484
|
+
padding-bottom: 0 !important;
|
1485
|
+
margin: 0 -8px;
|
1486
|
+
}
|
1487
|
+
.handsontable .htUIMultipleSelectHot {
|
1488
|
+
overflow: initial !important;
|
1489
|
+
width: calc(100% + var(--ht-menu-item-vertical-padding) * 2 + var(--ht-gap-size) * 4);
|
1490
|
+
margin: 0 calc((var(--ht-menu-item-vertical-padding) + var(--ht-gap-size) * 2) * -1);
|
1491
|
+
}
|
1492
|
+
.handsontable .htUIMultipleSelectHot::before {
|
1493
|
+
content: "";
|
1494
|
+
display: block;
|
1495
|
+
position: absolute;
|
1496
|
+
top: 0;
|
1497
|
+
left: 0;
|
1498
|
+
width: 100%;
|
1499
|
+
height: 1px;
|
1500
|
+
background-color: var(--ht-border-color);
|
1501
|
+
}
|
1502
|
+
.handsontable .htUIMultipleSelectHot .wtHolder {
|
1503
|
+
padding: calc(var(--ht-gap-size) * 4) 0;
|
1504
|
+
overflow-x: hidden;
|
1505
|
+
box-sizing: border-box;
|
1506
|
+
}
|
1507
|
+
.handsontable .htUIMultipleSelectHot .wtHolder td {
|
1508
|
+
height: auto;
|
1509
|
+
padding: 0;
|
1510
|
+
padding: 0 calc(var(--ht-menu-item-vertical-padding) + var(--ht-gap-size) * 2);
|
1511
|
+
}
|
1512
|
+
.handsontable .htUIClearAll,
|
1513
|
+
.handsontable .htUISelectAll {
|
1514
|
+
display: inline-block;
|
1515
|
+
}
|
1516
|
+
.handsontable .htUIClearAll a,
|
1517
|
+
.handsontable .htUISelectAll a {
|
1518
|
+
color: var(--ht-link-color);
|
1519
|
+
}
|
1520
|
+
.handsontable .htUIClearAll a:hover,
|
1521
|
+
.handsontable .htUISelectAll a:hover {
|
1522
|
+
color: var(--ht-link-hover-color);
|
1523
|
+
}
|
1524
|
+
.handsontable .htUIMultipleSelect .ht_master .wtHolder {
|
1525
|
+
overflow-y: auto;
|
1526
|
+
}
|
1527
|
+
.handsontable .htUIMultipleSelect .ht_master .wtHolder .wtHider,
|
1528
|
+
.handsontable .htUIMultipleSelect .ht_master .wtHolder .htCore,
|
1529
|
+
.handsontable .htUIMultipleSelect .ht_master .wtHolder tr,
|
1530
|
+
.handsontable .htUIMultipleSelect .ht_master .wtHolder td {
|
1531
|
+
background: none;
|
1532
|
+
}
|
1533
|
+
|
1534
|
+
.handsontable .htCommentCell {
|
1535
|
+
position: relative;
|
1536
|
+
}
|
1537
|
+
.handsontable .htCommentCell:after {
|
1538
|
+
content: "";
|
1539
|
+
display: block;
|
1540
|
+
position: absolute;
|
1541
|
+
top: 0;
|
1542
|
+
inset-inline-end: 0;
|
1543
|
+
inset-inline-start: unset;
|
1544
|
+
border-inline-start: var(--ht-comments-indicator-size) solid transparent;
|
1545
|
+
border-inline-end: none;
|
1546
|
+
border-top: var(--ht-comments-indicator-size) solid var(--ht-comments-indicator-color);
|
1547
|
+
}
|
1548
|
+
|
1549
|
+
.htCommentsContainer .htComments {
|
1550
|
+
display: none;
|
1551
|
+
z-index: 1059;
|
1552
|
+
position: absolute;
|
1553
|
+
}
|
1554
|
+
.htCommentsContainer .htCommentTextArea {
|
1555
|
+
width: 240px;
|
1556
|
+
height: 88px;
|
1557
|
+
margin: 0 -1px;
|
1558
|
+
padding: var(--ht-comments-textarea-horizontal-padding) var(--ht-comments-textarea-vertical-padding);
|
1559
|
+
box-sizing: border-box;
|
1560
|
+
border: 0;
|
1561
|
+
border-inline-start: var(--ht-comments-textarea-focus-border-width) solid var(--ht-comments-textarea-border-color);
|
1562
|
+
border-inline-end: none;
|
1563
|
+
border-radius: 0 calc(2 * var(--ht-gap-size)) calc(2 * var(--ht-gap-size)) 0;
|
1564
|
+
outline: 0px !important;
|
1565
|
+
color: var(--ht-comments-textarea-foreground-color);
|
1566
|
+
background-color: var(--ht-comments-textarea-background-color);
|
1567
|
+
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
|
1568
|
+
font-size: var(--ht-comments-font-size);
|
1569
|
+
line-height: var(--ht-comments-line-height);
|
1570
|
+
font-weight: var(--ht-font-weight);
|
1571
|
+
box-shadow: var(--ht-menu-shadow-x) var(--ht-menu-shadow-y) var(--ht-menu-shadow-blur) var(--ht-menu-shadow-color);
|
1572
|
+
-webkit-appearance: none;
|
1573
|
+
}
|
1574
|
+
.htCommentsContainer .htCommentTextArea:focus {
|
1575
|
+
border-inline-start: var(--ht-comments-textarea-focus-border-width) solid var(--ht-comments-textarea-focus-border-color);
|
1576
|
+
border-inline-end: none;
|
1577
|
+
}
|
1578
|
+
|
1579
|
+
.handsontable .columnSorting {
|
1580
|
+
position: relative;
|
1581
|
+
}
|
1582
|
+
.handsontable .columnSorting.sortAction {
|
1583
|
+
display: inline-flex;
|
1584
|
+
align-items: center;
|
1585
|
+
gap: 0;
|
1586
|
+
inset: 0;
|
1587
|
+
}
|
1588
|
+
.handsontable .columnSorting.sortAction:hover {
|
1589
|
+
text-decoration: none;
|
1590
|
+
cursor: pointer;
|
1591
|
+
}
|
1592
|
+
.handsontable .columnSorting.sortAction:before {
|
1593
|
+
content: "";
|
1594
|
+
display: block;
|
1595
|
+
order: 1;
|
1596
|
+
}
|
1597
|
+
|
1598
|
+
.htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::before {
|
1599
|
+
content: "*";
|
1600
|
+
display: inline-block;
|
1601
|
+
position: relative;
|
1602
|
+
/* The multi-line header and header with longer text need more padding to not hide arrow,
|
1603
|
+
we make header wider in `GhostTable` to make some space for arrow which is positioned absolutely in the main table */
|
1604
|
+
padding-right: 20px;
|
1605
|
+
}
|
1606
|
+
|
1607
|
+
.handsontable span.colHeader.columnSorting:after {
|
1608
|
+
position: relative;
|
1609
|
+
order: 2;
|
1610
|
+
margin-left: calc(var(--ht-gap-size) * -1);
|
1611
|
+
padding-inline-start: 1px;
|
1612
|
+
padding-inline-end: 1px;
|
1613
|
+
top: var(--ht-gap-size);
|
1614
|
+
font-size: 7px;
|
1615
|
+
}
|
1616
|
+
.handsontable span.colHeader.columnSorting[class^=sort-]::after, .handsontable span.colHeader.columnSorting[class*=" sort-"]::after {
|
1617
|
+
content: "+";
|
1618
|
+
}
|
1619
|
+
.handsontable span.colHeader.columnSorting.sort-1::after {
|
1620
|
+
content: "1";
|
1621
|
+
}
|
1622
|
+
.handsontable span.colHeader.columnSorting.sort-2::after {
|
1623
|
+
content: "2";
|
1624
|
+
}
|
1625
|
+
.handsontable span.colHeader.columnSorting.sort-3::after {
|
1626
|
+
content: "3";
|
1627
|
+
}
|
1628
|
+
.handsontable span.colHeader.columnSorting.sort-4::after {
|
1629
|
+
content: "4";
|
1630
|
+
}
|
1631
|
+
.handsontable span.colHeader.columnSorting.sort-5::after {
|
1632
|
+
content: "5";
|
1633
|
+
}
|
1634
|
+
.handsontable span.colHeader.columnSorting.sort-6::after {
|
1635
|
+
content: "6";
|
1636
|
+
}
|
1637
|
+
.handsontable span.colHeader.columnSorting.sort-7::after {
|
1638
|
+
content: "7";
|
1639
|
+
}
|
1640
|
+
|
1641
|
+
.htGhostTable th div button.changeType + span.colHeader.columnSorting:not(.indicatorDisabled) {
|
1642
|
+
padding-right: var(--ht-gap-size);
|
1643
|
+
}
|
1644
|
+
|
1645
|
+
.handsontable .htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_top_inline_start_corner th:nth-child(2), .handsontable .htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_inline_start td:first-of-type {
|
1646
|
+
border-left: 0 none;
|
1647
|
+
}
|
1648
|
+
|
1649
|
+
.ht_clone_top_left_corner tbody tr:last-child td:last-child {
|
1650
|
+
box-shadow: calc((var(--ht-frozen-shadow-size) - 1px) * -1) calc((var(--ht-frozen-shadow-size) - 1px) * -1) 0 0 inset var(--ht-frozen-shadow-color);
|
1651
|
+
}
|
1652
|
+
|
1653
|
+
.ht_clone_bottom tbody tr:first-child td,
|
1654
|
+
.ht_clone_bottom tbody tr:first-child th,
|
1655
|
+
.ht_clone_bottom_left_corner tbody tr:first-child td,
|
1656
|
+
.ht_clone_bottom_left_corner tbody tr:first-child th {
|
1657
|
+
box-shadow: 0 var(--ht-frozen-shadow-size)-1px 0 0 inset var(--ht-frozen-shadow-color);
|
1658
|
+
}
|
1659
|
+
.ht_clone_bottom tbody tr:first-child td.current,
|
1660
|
+
.ht_clone_bottom tbody tr:first-child th.current,
|
1661
|
+
.ht_clone_bottom_left_corner tbody tr:first-child td.current,
|
1662
|
+
.ht_clone_bottom_left_corner tbody tr:first-child th.current {
|
1663
|
+
box-shadow: 0 var(--ht-frozen-shadow-size)-1px 0 0 inset var(--ht-frozen-shadow-color), 0 0 0 1px inset var(--ht-cell-selection-background-color);
|
1664
|
+
}
|
1665
|
+
|
1666
|
+
.ht_clone_top tbody tr:last-child td,
|
1667
|
+
.ht_clone_top tbody tr:last-child th,
|
1668
|
+
.ht_clone_top_left_corner tbody tr:last-child td,
|
1669
|
+
.ht_clone_top_left_corner tbody tr:last-child th {
|
1670
|
+
box-shadow: 0 calc((var(--ht-frozen-shadow-size) - 1px) * -1) 0 0 inset var(--ht-frozen-shadow-color);
|
1671
|
+
}
|
1672
|
+
.ht_clone_top tbody tr:last-child td.current,
|
1673
|
+
.ht_clone_top tbody tr:last-child th.current,
|
1674
|
+
.ht_clone_top_left_corner tbody tr:last-child td.current,
|
1675
|
+
.ht_clone_top_left_corner tbody tr:last-child th.current {
|
1676
|
+
box-shadow: calc(-1 * (var(--ht-frozen-shadow-size) - 1px)) 0 0 inset var(--ht-frozen-shadow-color), 0 0 0 calc((var(--ht-frozen-shadow-size) - 1px) * -1) inset var(--ht-cell-selection-background-color);
|
1677
|
+
}
|
1678
|
+
|
1679
|
+
.ht_clone_inline_start.ht_clone_left tbody tr td:last-child,
|
1680
|
+
.ht_clone_inline_start.ht_clone_left thead tr th:not(:first-child):last-child,
|
1681
|
+
.ht_clone_bottom_left_corner tbody tr td:last-child,
|
1682
|
+
.ht_clone_bottom_left_corner thead tr th:not(:first-child):last-child,
|
1683
|
+
.ht_clone_top_left_corner tbody tr td:last-child,
|
1684
|
+
.ht_clone_top_left_corner thead tr th:not(:first-child):last-child {
|
1685
|
+
box-shadow: calc(-1 * (var(--ht-frozen-shadow-size) - 1px)) 0 0 0 inset var(--ht-frozen-shadow-color);
|
1686
|
+
}
|
1687
|
+
.ht_clone_inline_start.ht_clone_left tbody tr td:last-child.current,
|
1688
|
+
.ht_clone_inline_start.ht_clone_left thead tr th:not(:first-child):last-child.current,
|
1689
|
+
.ht_clone_bottom_left_corner tbody tr td:last-child.current,
|
1690
|
+
.ht_clone_bottom_left_corner thead tr th:not(:first-child):last-child.current,
|
1691
|
+
.ht_clone_top_left_corner tbody tr td:last-child.current,
|
1692
|
+
.ht_clone_top_left_corner thead tr th:not(:first-child):last-child.current {
|
1693
|
+
box-shadow: calc((var(--ht-frozen-shadow-size) - 1px) * -1) 0 0 0 inset var(--ht-frozen-shadow-color), 0 0 0 calc((var(--ht-frozen-shadow-size) - 1px) * -1) inset var(--ht-cell-selection-background-color);
|
1694
|
+
}
|
1695
|
+
.ht_clone_inline_start.ht_clone_left tbody tr td.highlight:last-child,
|
1696
|
+
.ht_clone_inline_start.ht_clone_left tbody tr td.ht__highlight:last-child,
|
1697
|
+
.ht_clone_inline_start.ht_clone_left thead tr th.ht__active_highlight:not(:first-child):last-child,
|
1698
|
+
.ht_clone_bottom_left_corner tbody tr td.highlight:last-child,
|
1699
|
+
.ht_clone_bottom_left_corner tbody tr td.ht__highlight:last-child,
|
1700
|
+
.ht_clone_bottom_left_corner thead tr th.ht__active_highlight:not(:first-child):last-child,
|
1701
|
+
.ht_clone_top_left_corner tbody tr td.highlight:last-child,
|
1702
|
+
.ht_clone_top_left_corner tbody tr td.ht__highlight:last-child,
|
1703
|
+
.ht_clone_top_left_corner thead tr th.ht__active_highlight:not(:first-child):last-child {
|
1704
|
+
box-shadow: calc((var(--ht-frozen-shadow-size) - 1px) * -1) 0 0 0 inset var(--ht-cell-selection-background-color);
|
1705
|
+
}
|
1706
|
+
|
1707
|
+
.ht_clone_top_inline_start_corner thead tr th:first-child {
|
1708
|
+
border-bottom: transparent;
|
1709
|
+
}
|
1710
|
+
|
1711
|
+
.handsontable .manualColumnResizer {
|
1712
|
+
position: absolute;
|
1713
|
+
top: 0;
|
1714
|
+
width: 10px;
|
1715
|
+
margin: 0;
|
1716
|
+
cursor: col-resize;
|
1717
|
+
background: none;
|
1718
|
+
opacity: 0;
|
1719
|
+
z-index: 210;
|
1720
|
+
transition: opacity var(--ht-table-transition) ease-in-out;
|
1721
|
+
}
|
1722
|
+
.handsontable .manualColumnResizer::before, .handsontable .manualColumnResizer::after {
|
1723
|
+
content: "";
|
1724
|
+
display: block;
|
1725
|
+
position: absolute;
|
1726
|
+
top: 0;
|
1727
|
+
left: 1px;
|
1728
|
+
width: 2px;
|
1729
|
+
height: calc(100% - 8px);
|
1730
|
+
margin: 4px 0;
|
1731
|
+
background: var(--ht-read-only-color);
|
1732
|
+
border-radius: 2px;
|
1733
|
+
}
|
1734
|
+
.handsontable .manualColumnResizer::after {
|
1735
|
+
left: auto;
|
1736
|
+
right: 0;
|
1737
|
+
}
|
1738
|
+
.handsontable .manualColumnResizer:hover, .handsontable .manualColumnResizer.active {
|
1739
|
+
opacity: 1;
|
1740
|
+
}
|
1741
|
+
.handsontable .manualColumnResizerGuide {
|
1742
|
+
position: absolute;
|
1743
|
+
inset-inline-end: unset;
|
1744
|
+
top: 0;
|
1745
|
+
width: 0;
|
1746
|
+
margin-inline-start: 4px;
|
1747
|
+
margin-inline-end: unset;
|
1748
|
+
display: none;
|
1749
|
+
border-inline-end: 1px solid var(--ht-accent-color);
|
1750
|
+
border-inline-start: none;
|
1751
|
+
}
|
1752
|
+
.handsontable .manualColumnResizerGuide.active {
|
1753
|
+
display: block;
|
1754
|
+
z-index: 209;
|
1755
|
+
}
|
1756
|
+
|
1757
|
+
.handsontable .manualRowResizer {
|
1758
|
+
position: absolute;
|
1759
|
+
left: 0;
|
1760
|
+
z-index: 210;
|
1761
|
+
height: 10px;
|
1762
|
+
margin: 0;
|
1763
|
+
cursor: row-resize;
|
1764
|
+
background: none;
|
1765
|
+
opacity: 0;
|
1766
|
+
transition: opacity 0.2s ease-in-out;
|
1767
|
+
}
|
1768
|
+
.handsontable .manualRowResizer::before, .handsontable .manualRowResizer::after {
|
1769
|
+
content: "";
|
1770
|
+
display: block;
|
1771
|
+
position: absolute;
|
1772
|
+
top: 1px;
|
1773
|
+
left: 0;
|
1774
|
+
width: calc(100% - 8px);
|
1775
|
+
height: 2px;
|
1776
|
+
margin: 0 4px;
|
1777
|
+
background: var(--ht-resize-indicator-color);
|
1778
|
+
border-radius: 2px;
|
1779
|
+
}
|
1780
|
+
.handsontable .manualRowResizer::after {
|
1781
|
+
top: auto;
|
1782
|
+
bottom: 0;
|
1783
|
+
}
|
1784
|
+
.handsontable .manualRowResizer:hover, .handsontable .manualRowResizer.active {
|
1785
|
+
opacity: 1;
|
1786
|
+
}
|
1787
|
+
.handsontable .manualRowResizerGuide {
|
1788
|
+
position: absolute;
|
1789
|
+
left: 0;
|
1790
|
+
bottom: 0;
|
1791
|
+
height: 0;
|
1792
|
+
margin-top: 4px;
|
1793
|
+
display: none;
|
1794
|
+
border-bottom: 1px solid var(--ht-accent-color);
|
1795
|
+
border-top: none;
|
1796
|
+
}
|
1797
|
+
.handsontable .manualRowResizerGuide.active {
|
1798
|
+
display: block;
|
1799
|
+
z-index: 209;
|
1800
|
+
}
|
1801
|
+
|
1802
|
+
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before {
|
1803
|
+
opacity: 0.1;
|
1804
|
+
}
|
1805
|
+
|
1806
|
+
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before {
|
1807
|
+
opacity: 0.17;
|
1808
|
+
}
|
1809
|
+
|
1810
|
+
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before {
|
1811
|
+
opacity: 0.24;
|
1812
|
+
}
|
1813
|
+
|
1814
|
+
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before {
|
1815
|
+
opacity: 0.31;
|
1816
|
+
}
|
1817
|
+
|
1818
|
+
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before {
|
1819
|
+
opacity: 0.38;
|
1820
|
+
}
|
1821
|
+
|
1822
|
+
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before {
|
1823
|
+
opacity: 0.45;
|
1824
|
+
}
|
1825
|
+
|
1826
|
+
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before {
|
1827
|
+
opacity: 0.52;
|
1828
|
+
}
|
1829
|
+
|
1830
|
+
.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before {
|
1831
|
+
opacity: 0.59;
|
1832
|
+
}
|
1833
|
+
|
1834
|
+
.handsontable .wtHider {
|
1835
|
+
position: relative;
|
1836
|
+
}
|
1837
|
+
.handsontable .ht__manualColumnMove.after-selection--columns thead th.ht__highlight, .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
|
1838
|
+
cursor: move;
|
1839
|
+
cursor: -moz-grab;
|
1840
|
+
cursor: -webkit-grab;
|
1841
|
+
cursor: grab;
|
1842
|
+
}
|
1843
|
+
.handsontable .ht__manualColumnMove.on-moving--columns *,
|
1844
|
+
.handsontable .ht__manualColumnMove.on-moving--columns thead th.ht__highlight, .handsontable.ht__manualColumnMove.on-moving--columns *,
|
1845
|
+
.handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
|
1846
|
+
cursor: move;
|
1847
|
+
cursor: -moz-grabbing;
|
1848
|
+
cursor: -webkit-grabbing;
|
1849
|
+
cursor: grabbing;
|
1850
|
+
}
|
1851
|
+
.handsontable .ht__manualColumnMove.on-moving--columns .manualColumnResizer, .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
|
1852
|
+
display: none;
|
1853
|
+
}
|
1854
|
+
.handsontable .ht__manualColumnMove--guideline, .handsontable .ht__manualColumnMove--backlight, .handsontable.ht__manualColumnMove--guideline, .handsontable.ht__manualColumnMove--backlight {
|
1855
|
+
position: absolute;
|
1856
|
+
height: 100%;
|
1857
|
+
display: none;
|
1858
|
+
}
|
1859
|
+
.handsontable .ht__manualColumnMove--guideline, .handsontable.ht__manualColumnMove--guideline {
|
1860
|
+
width: 1px;
|
1861
|
+
top: 0;
|
1862
|
+
margin-inline-start: -0.5px;
|
1863
|
+
margin-inline-end: 0;
|
1864
|
+
z-index: 205;
|
1865
|
+
background: var(--ht-move-indicator-color);
|
1866
|
+
}
|
1867
|
+
.handsontable .ht__manualColumnMove--backlight, .handsontable.ht__manualColumnMove--backlight {
|
1868
|
+
display: none;
|
1869
|
+
z-index: 205;
|
1870
|
+
pointer-events: none;
|
1871
|
+
background: var(--ht-move-backlight-color);
|
1872
|
+
}
|
1873
|
+
.handsontable .on-moving--columns.show-ui .ht__manualColumnMove--guideline,
|
1874
|
+
.handsontable .on-moving--columns .ht__manualColumnMove--backlight, .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
|
1875
|
+
.handsontable.on-moving--columns .ht__manualColumnMove--backlight {
|
1876
|
+
display: block;
|
1877
|
+
}
|
1878
|
+
|
1879
|
+
.handsontable .wtHider {
|
1880
|
+
position: relative;
|
1881
|
+
}
|
1882
|
+
.handsontable .ht__manualRowMove.after-selection--rows tbody th.ht__highlight, .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
|
1883
|
+
cursor: move;
|
1884
|
+
cursor: -moz-grab;
|
1885
|
+
cursor: -webkit-grab;
|
1886
|
+
cursor: grab;
|
1887
|
+
}
|
1888
|
+
.handsontable .ht__manualRowMove.on-moving--rows *,
|
1889
|
+
.handsontable .ht__manualRowMove.on-moving--rows tbody th.ht__highlight, .handsontable.ht__manualRowMove.on-moving--rows *,
|
1890
|
+
.handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
|
1891
|
+
cursor: move;
|
1892
|
+
cursor: -moz-grabbing;
|
1893
|
+
cursor: -webkit-grabbing;
|
1894
|
+
cursor: grabbing;
|
1895
|
+
}
|
1896
|
+
.handsontable .ht__manualRowMove.on-moving--rows .manualRowResizer, .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
|
1897
|
+
display: none;
|
1898
|
+
}
|
1899
|
+
.handsontable .ht__manualRowMove--guideline, .handsontable .ht__manualRowMove--backlight, .handsontable.ht__manualRowMove--guideline, .handsontable.ht__manualRowMove--backlight {
|
1900
|
+
position: absolute;
|
1901
|
+
width: 100%;
|
1902
|
+
display: none;
|
1903
|
+
}
|
1904
|
+
.handsontable .ht__manualRowMove--guideline, .handsontable.ht__manualRowMove--guideline {
|
1905
|
+
height: 1px;
|
1906
|
+
left: 0;
|
1907
|
+
margin-top: -0.5px;
|
1908
|
+
z-index: 205;
|
1909
|
+
background: var(--ht-move-indicator-color);
|
1910
|
+
}
|
1911
|
+
.handsontable .ht__manualRowMove--backlight, .handsontable.ht__manualRowMove--backlight {
|
1912
|
+
display: none;
|
1913
|
+
z-index: 205;
|
1914
|
+
pointer-events: none;
|
1915
|
+
background: var(--ht-move-backlight-color);
|
1916
|
+
}
|
1917
|
+
.handsontable .on-moving--rows.show-ui .ht__manualRowMove--guideline,
|
1918
|
+
.handsontable .on-moving--rows .ht__manualRowMove--backlight, .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
|
1919
|
+
.handsontable.on-moving--rows .ht__manualRowMove--backlight {
|
1920
|
+
display: block;
|
1921
|
+
}
|