From dfa043feb3f586d3fcf31c7381126e203b98264f Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Tue, 17 Nov 2020 11:44:21 +0000
Subject: [PATCH] [FIX] web_tour: better point at the anchor element

Before this commit, tips were bouncing from 6px from the anchor to 0px
from the anchor. Now they bounce from 3px from the anchor to 3px
inside the anchor.

closes odoo/odoo#62122

X-original-commit: 34f2303327e8f2b9b7e95bc33c6246d52a633dc1
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
---
 addons/web_tour/static/src/scss/tip.scss | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/addons/web_tour/static/src/scss/tip.scss b/addons/web_tour/static/src/scss/tip.scss
index 14413423cd7..468e82da49a 100644
--- a/addons/web_tour/static/src/scss/tip.scss
+++ b/addons/web_tour/static/src/scss/tip.scss
@@ -1,6 +1,7 @@
 $o-tip-width: 28px;
 $o-tip-height: 38px;
-$o-tip-anchor-space: 3px;
+$o-tip-anchor-space: 0;
+$o-tip-bounce-half-size: 3px;
 $o-tip-color: $o-enterprise-color;
 $o-tip-border-width: 3px;
 $o-tip-border-color: white;
@@ -13,18 +14,18 @@ $o-tip-size-delay-in: $o-tip-duration-in - $o-tip-size-duration-in;
 
 @keyframes move-left-right {
     0% {
-        transform: translate(-$o-tip-anchor-space, 0);
+        transform: translate(-$o-tip-bounce-half-size, 0);
     }
     100% {
-        transform: translate($o-tip-anchor-space, 0);
+        transform: translate($o-tip-bounce-half-size, 0);
     }
 }
 @keyframes move-bottom-top {
     0% {
-        transform: translate(0, -$o-tip-anchor-space);
+        transform: translate(0, -$o-tip-bounce-half-size);
     }
     100% {
-        transform: translate(0, $o-tip-anchor-space);
+        transform: translate(0, $o-tip-bounce-half-size);
     }
 }