react-core-ts 1.1.27 → 1.1.29
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/dist/styles/components/tooltip.css +86 -31
- package/package.json +1 -1
- package/dist/styles/styles/components/autocomplete.css +0 -602
- package/dist/styles/styles/components/selectedautocomplete.css +0 -122
- package/dist/styles/styles/components/tooltip.css +0 -496
- package/dist/styles/styles/components/treedropdown.css +0 -63
- package/dist/styles/styles/global.css +0 -8
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
.tooltip-container {
|
|
2
2
|
position: relative;
|
|
3
|
-
transition:
|
|
4
|
-
background-color 0.3s,
|
|
5
|
-
width 0.3s,
|
|
6
|
-
height 0.3s,
|
|
7
|
-
color 0.3s;
|
|
3
|
+
transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
|
|
8
4
|
}
|
|
9
5
|
|
|
10
6
|
.bottom {
|
|
@@ -108,6 +104,46 @@
|
|
|
108
104
|
position: absolute;
|
|
109
105
|
}
|
|
110
106
|
}
|
|
107
|
+
.tooltip-info {
|
|
108
|
+
position: absolute;
|
|
109
|
+
bottom: -40;
|
|
110
|
+
right: 3px;
|
|
111
|
+
transform: translateX(0%);
|
|
112
|
+
padding: 0.3em 0.6em;
|
|
113
|
+
opacity: 0;
|
|
114
|
+
width: max-content;
|
|
115
|
+
max-width: 100%;
|
|
116
|
+
z-index: 999;
|
|
117
|
+
font-size: 12px;
|
|
118
|
+
color: #fff !important;
|
|
119
|
+
pointer-events: none;
|
|
120
|
+
transition: all 0.3s;
|
|
121
|
+
border: 1px solid #475467;
|
|
122
|
+
background-color: #475467;
|
|
123
|
+
border-radius: 6px;
|
|
124
|
+
}
|
|
125
|
+
.tooltip-info::before {
|
|
126
|
+
position: absolute;
|
|
127
|
+
content: '';
|
|
128
|
+
height: 0.6em;
|
|
129
|
+
width: 0.6em;
|
|
130
|
+
right: 20px;
|
|
131
|
+
z-index: 999;
|
|
132
|
+
top: -4px;
|
|
133
|
+
border: 1px solid #475467;
|
|
134
|
+
border-right: none;
|
|
135
|
+
border-bottom: none;
|
|
136
|
+
transform: translate(50%) rotate(45deg);
|
|
137
|
+
background-color: #475467;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.tooltip-container:hover .tooltip-info {
|
|
141
|
+
top: 46px;
|
|
142
|
+
opacity: 1;
|
|
143
|
+
visibility: visible;
|
|
144
|
+
z-index: 999;
|
|
145
|
+
pointer-events: auto;
|
|
146
|
+
}
|
|
111
147
|
}
|
|
112
148
|
.top-tool {
|
|
113
149
|
.tooltip {
|
|
@@ -169,11 +205,7 @@
|
|
|
169
205
|
color: #ff681d !important;
|
|
170
206
|
white-space: wrap;
|
|
171
207
|
pointer-events: none;
|
|
172
|
-
transition:
|
|
173
|
-
background-color 0.3s,
|
|
174
|
-
width 0.3s,
|
|
175
|
-
height 0.3s,
|
|
176
|
-
color 0.3s;
|
|
208
|
+
transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
|
|
177
209
|
border: 1px solid #ff681d;
|
|
178
210
|
background-color: #fff;
|
|
179
211
|
border-radius: 6px;
|
|
@@ -219,11 +251,7 @@
|
|
|
219
251
|
font-size: 12px;
|
|
220
252
|
color: #fff !important;
|
|
221
253
|
pointer-events: none;
|
|
222
|
-
transition:
|
|
223
|
-
background-color 0.3s,
|
|
224
|
-
width 0.3s,
|
|
225
|
-
height 0.3s,
|
|
226
|
-
color 0.3s;
|
|
254
|
+
transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
|
|
227
255
|
border: 1px solid #e55353;
|
|
228
256
|
background-color: #e55353;
|
|
229
257
|
border-radius: 6px;
|
|
@@ -236,7 +264,6 @@
|
|
|
236
264
|
min-width: 175px;
|
|
237
265
|
background-color: #3d414a;
|
|
238
266
|
border: 1px solid #3d414a;
|
|
239
|
-
|
|
240
267
|
}
|
|
241
268
|
|
|
242
269
|
.tooltip::before {
|
|
@@ -291,11 +318,7 @@
|
|
|
291
318
|
font-size: 12px;
|
|
292
319
|
color: #fff !important;
|
|
293
320
|
pointer-events: none;
|
|
294
|
-
transition:
|
|
295
|
-
background-color 0.3s,
|
|
296
|
-
width 0.3s,
|
|
297
|
-
height 0.3s,
|
|
298
|
-
color 0.3s;
|
|
321
|
+
transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
|
|
299
322
|
border: 1px solid #e55353;
|
|
300
323
|
background-color: #e55353;
|
|
301
324
|
border-radius: 6px;
|
|
@@ -328,6 +351,46 @@
|
|
|
328
351
|
}
|
|
329
352
|
|
|
330
353
|
.top {
|
|
354
|
+
.tooltip-info {
|
|
355
|
+
position: absolute;
|
|
356
|
+
top: -40;
|
|
357
|
+
left: 0;
|
|
358
|
+
transform: translateX(0%);
|
|
359
|
+
padding: 0.3em 0.6em;
|
|
360
|
+
opacity: 0;
|
|
361
|
+
width: 100%;
|
|
362
|
+
z-index: 999;
|
|
363
|
+
font-size: 12px;
|
|
364
|
+
color: #fff !important;
|
|
365
|
+
pointer-events: none;
|
|
366
|
+
transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
|
|
367
|
+
border: 1px solid #475467;
|
|
368
|
+
background-color: #475467;
|
|
369
|
+
border-radius: 6px;
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
.tooltip-info::before {
|
|
373
|
+
position: absolute;
|
|
374
|
+
content: '';
|
|
375
|
+
height: 0.6em;
|
|
376
|
+
width: 0.6em;
|
|
377
|
+
right: 20px;
|
|
378
|
+
z-index: 999;
|
|
379
|
+
bottom: -4px;
|
|
380
|
+
border: 1px solid #475467;
|
|
381
|
+
border-left: none;
|
|
382
|
+
border-top: none;
|
|
383
|
+
transform: translate(50%) rotate(45deg);
|
|
384
|
+
background-color: #475467;
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
.tooltip-container:hover .tooltip-info {
|
|
388
|
+
top: -40px;
|
|
389
|
+
opacity: 1;
|
|
390
|
+
visibility: visible;
|
|
391
|
+
z-index: 999;
|
|
392
|
+
pointer-events: auto;
|
|
393
|
+
}
|
|
331
394
|
.tooltip {
|
|
332
395
|
position: absolute;
|
|
333
396
|
top: -40;
|
|
@@ -340,11 +403,7 @@
|
|
|
340
403
|
font-size: 12px;
|
|
341
404
|
color: #fff !important;
|
|
342
405
|
pointer-events: none;
|
|
343
|
-
transition:
|
|
344
|
-
background-color 0.3s,
|
|
345
|
-
width 0.3s,
|
|
346
|
-
height 0.3s,
|
|
347
|
-
color 0.3s;
|
|
406
|
+
transition: background-color 0.3s, width 0.3s, height 0.3s, color 0.3s;
|
|
348
407
|
border: 1px solid #e55353;
|
|
349
408
|
background-color: #e55353;
|
|
350
409
|
border-radius: 6px;
|
|
@@ -396,11 +455,7 @@
|
|
|
396
455
|
border-color: #bee0ff;
|
|
397
456
|
padding: 5px;
|
|
398
457
|
align-items: center;
|
|
399
|
-
transition:
|
|
400
|
-
opacity 0.3s,
|
|
401
|
-
visibility 0.3s,
|
|
402
|
-
top 0.3s,
|
|
403
|
-
background 0.3s;
|
|
458
|
+
transition: opacity 0.3s, visibility 0.3s, top 0.3s, background 0.3s;
|
|
404
459
|
z-index: 1;
|
|
405
460
|
}
|
|
406
461
|
|