From a7015239b33f36aecfe5c928a455c1b747e5dfa1 Mon Sep 17 00:00:00 2001 From: David Montero Crespo Date: Mon, 27 Jul 2026 19:40:54 +0200 Subject: [PATCH] fix(camera): la animacion inline pisaba las hormigas de la clase MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit El boton conservaba animation:'none' inline fuera del estado requesting, y el estilo inline gana a la clase: .velxio-ants quedaba con animationName none — medido con getComputedStyle en staging. Inline solo mientras solicita permiso; en el resto, undefined para que la clase anime. --- frontend/src/components/simulator/CameraToggle.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/frontend/src/components/simulator/CameraToggle.tsx b/frontend/src/components/simulator/CameraToggle.tsx index d6e8ef93..ec3289e3 100644 --- a/frontend/src/components/simulator/CameraToggle.tsx +++ b/frontend/src/components/simulator/CameraToggle.tsx @@ -125,10 +125,13 @@ export const CameraToggle: React.FC = ({ boardId }) => { color, fontSize: 13, cursor: boardId ? 'pointer' : 'not-allowed', + // Inline only while requesting. 'none' here would OVERRIDE the + // .velxio-ants class animation (inline beats class), which is exactly + // how the ants shipped dead the first time. animation: status === 'requesting' ? 'velxio-pulse 1s ease-in-out infinite' - : 'none', + : undefined, }} >