@topconsultnpm/sdkui-react 6.19.0-dev2.49 → 6.19.0-dev2.50
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.
|
@@ -78,7 +78,9 @@ const ToppyButton = styled.div.attrs((props) => ({
|
|
|
78
78
|
pointer-events: ${(props) => (props.$isMobile ? 'auto' : 'none')};
|
|
79
79
|
border-radius: 50%; /* Rende l'immagine circolare */
|
|
80
80
|
/* Rotazione leggera in base all'allineamento */
|
|
81
|
-
transform: ${(props) => props.$
|
|
81
|
+
transform: ${(props) => props.$isCollapsed
|
|
82
|
+
? 'rotate(0deg)'
|
|
83
|
+
: props.$align === 'left' ? 'rotate(20deg)' : 'rotate(-20deg)'};
|
|
82
84
|
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
|
83
85
|
|
|
84
86
|
/* Animazione di pulsazione quando è collassato per attirare l'attenzione */
|
|
@@ -89,17 +91,17 @@ const ToppyButton = styled.div.attrs((props) => ({
|
|
|
89
91
|
@keyframes toppyPulse {
|
|
90
92
|
0% {
|
|
91
93
|
/* Dimensione normale all'inizio */
|
|
92
|
-
transform: scale(1) rotate(
|
|
94
|
+
transform: scale(1) rotate(0deg);
|
|
93
95
|
box-shadow: 0 0 0 rgba(0, 113, 188, 0.5);
|
|
94
96
|
}
|
|
95
97
|
50% {
|
|
96
98
|
/* Ingrandimento e glow al 50% dell'animazione */
|
|
97
|
-
transform: scale(1.1) rotate(
|
|
99
|
+
transform: scale(1.1) rotate(0deg);
|
|
98
100
|
box-shadow: 0 0 15px 5px rgba(0, 113, 188, 0.6);
|
|
99
101
|
}
|
|
100
102
|
100% {
|
|
101
103
|
/* Ritorno alla dimensione normale */
|
|
102
|
-
transform: scale(1) rotate(
|
|
104
|
+
transform: scale(1) rotate(0deg);
|
|
103
105
|
box-shadow: 0 0 0 rgba(0, 113, 188, 0.5);
|
|
104
106
|
}
|
|
105
107
|
}
|