ps-toolkit-ui 1.3.16 → 1.3.17
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/package.json
CHANGED
|
@@ -492,8 +492,8 @@ form{
|
|
|
492
492
|
.f-r{float:right!important}.f-l{float:left!important}.f-u{float:unset!important}
|
|
493
493
|
|
|
494
494
|
/* Positioning and visibility settings of the tooltip */
|
|
495
|
-
[data-tooltip]:before,
|
|
496
|
-
[data-tooltip]:after {
|
|
495
|
+
[data-tooltip]:not([data-tooltip=""]):before,
|
|
496
|
+
[data-tooltip]:not([data-tooltip=""]):after {
|
|
497
497
|
position: absolute;
|
|
498
498
|
visibility: hidden;
|
|
499
499
|
opacity: 0;
|
|
@@ -505,7 +505,7 @@ form{
|
|
|
505
505
|
}
|
|
506
506
|
|
|
507
507
|
/* The actual tooltip with a dynamic width */
|
|
508
|
-
[data-tooltip]:before {
|
|
508
|
+
[data-tooltip]:not([data-tooltip=""]):before {
|
|
509
509
|
content: attr(data-tooltip);
|
|
510
510
|
padding: 0 10px;
|
|
511
511
|
line-height: 30px;
|
|
@@ -524,7 +524,7 @@ form{
|
|
|
524
524
|
}
|
|
525
525
|
|
|
526
526
|
/* Tooltip arrow */
|
|
527
|
-
[data-tooltip]:after {
|
|
527
|
+
[data-tooltip]:not([data-tooltip=""]):after {
|
|
528
528
|
content: '';
|
|
529
529
|
border-style: solid;
|
|
530
530
|
border-width: 5px 5px 0px 5px;
|
|
@@ -538,18 +538,18 @@ form{
|
|
|
538
538
|
}
|
|
539
539
|
|
|
540
540
|
/* Tooltip becomes visible at hover */
|
|
541
|
-
[data-tooltip]:hover:before,
|
|
542
|
-
[data-tooltip]:hover:after {
|
|
541
|
+
[data-tooltip]:not([data-tooltip=""]):hover:before,
|
|
542
|
+
[data-tooltip]:not([data-tooltip=""]):hover:after {
|
|
543
543
|
visibility: visible;
|
|
544
544
|
opacity: 1;
|
|
545
545
|
}
|
|
546
546
|
/* Scales from 0.5 to 1 -> grow effect */
|
|
547
|
-
[data-tooltip]:hover:before {
|
|
547
|
+
[data-tooltip]:not([data-tooltip=""]):hover:before {
|
|
548
548
|
transition-delay: 0.3s;
|
|
549
549
|
transform: translate(-50%, -5px) scale(1);
|
|
550
550
|
}
|
|
551
551
|
/* Slide down effect only on mouseenter (NOT on mouseleave) */
|
|
552
|
-
[data-tooltip]:hover:after {
|
|
552
|
+
[data-tooltip]:not([data-tooltip=""]):hover:after {
|
|
553
553
|
transition-delay: 0.5s; /* Starting after the grow effect */
|
|
554
554
|
transition-duration: 0.2s;
|
|
555
555
|
transform: translateX(-50%) scaleY(1);
|