@redseed/redseed-ui-tailwindcss 7.13.0 → 7.13.1
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/components/tooltip.css +8 -24
- package/package.json +1 -1
package/components/tooltip.css
CHANGED
|
@@ -53,50 +53,34 @@
|
|
|
53
53
|
@apply text-redseed-blue-500;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
/* Content panel */
|
|
56
|
+
/* Content panel — positioned via inline styles (fixed, teleported to body) */
|
|
57
57
|
.rsui-tooltip__content {
|
|
58
|
-
@apply
|
|
58
|
+
@apply px-3 py-2 w-max max-w-60;
|
|
59
59
|
@apply text-sm text-text-on-color bg-background-primary-contrast rounded-lg shadow-lg;
|
|
60
60
|
@apply pointer-events-none;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
.rsui-tooltip__content--top {
|
|
64
|
-
@apply bottom-full left-1/2 -translate-x-1/2 mb-2;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.rsui-tooltip__content--bottom {
|
|
68
|
-
@apply top-full left-1/2 -translate-x-1/2 mt-2;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.rsui-tooltip__content--left {
|
|
72
|
-
@apply right-full top-1/2 -translate-y-1/2 mr-2;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.rsui-tooltip__content--right {
|
|
76
|
-
@apply left-full top-1/2 -translate-y-1/2 ml-2;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
63
|
/* Transitions */
|
|
80
64
|
.rsui-tooltip__transition--enter-active {
|
|
81
|
-
@apply transition ease-out duration-150;
|
|
65
|
+
@apply transition-opacity ease-out duration-150;
|
|
82
66
|
}
|
|
83
67
|
|
|
84
68
|
.rsui-tooltip__transition--enter-from {
|
|
85
|
-
@apply opacity-0
|
|
69
|
+
@apply opacity-0;
|
|
86
70
|
}
|
|
87
71
|
|
|
88
72
|
.rsui-tooltip__transition--enter-to {
|
|
89
|
-
@apply opacity-100
|
|
73
|
+
@apply opacity-100;
|
|
90
74
|
}
|
|
91
75
|
|
|
92
76
|
.rsui-tooltip__transition--leave-active {
|
|
93
|
-
@apply transition ease-in duration-100;
|
|
77
|
+
@apply transition-opacity ease-in duration-100;
|
|
94
78
|
}
|
|
95
79
|
|
|
96
80
|
.rsui-tooltip__transition--leave-from {
|
|
97
|
-
@apply opacity-100
|
|
81
|
+
@apply opacity-100;
|
|
98
82
|
}
|
|
99
83
|
|
|
100
84
|
.rsui-tooltip__transition--leave-to {
|
|
101
|
-
@apply opacity-0
|
|
85
|
+
@apply opacity-0;
|
|
102
86
|
}
|