From f5f2befa79e126c1f5d3365b6395b8aa61b2c7ca Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Wed, 26 Jan 2022 12:57:44 +0000
Subject: [PATCH] [FIX] web: fix the animation of the rainbow man

Before this commit, the animation of the rainbow, in the rainbow man
component, didn't work well in Firefox and Safari.
After this commit, this animation works well in every modern browsers.

task-2742831

Part-of: odoo/odoo#83403
---
 addons/web/static/src/core/effects/rainbow_man.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/addons/web/static/src/core/effects/rainbow_man.scss b/addons/web/static/src/core/effects/rainbow_man.scss
index adf4dfd2da1..f0a9ba8db05 100644
--- a/addons/web/static/src/core/effects/rainbow_man.scss
+++ b/addons/web/static/src/core/effects/rainbow_man.scss
@@ -46,8 +46,8 @@
 
   .o_reward_rainbow {
     path {
-      stroke-dasharray: 600;
-      stroke-dashoffset: 0;
+      stroke-dasharray: 600 600;
+      stroke-dashoffset: -600;
       fill: none;
       stroke-linecap: round;
       stroke-width: 21px;
@@ -211,17 +211,17 @@
 }
 
 @keyframes reward-rainbow {
-  0% {
-    stroke-dashoffset: -500;
-  }
   to {
     stroke-dashoffset: 0;
   }
 }
 
 @keyframes reward-rainbow-reverse {
+  from {
+    stroke-dashoffset: 0;
+  }
   to {
-    stroke-dashoffset: -500;
+    stroke-dashoffset: -600;
   }
 }