[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>
This commit is contained in:
qsm-odoo
2020-11-20 17:42:28 +00:00
parent 544cec54d8
commit dfa043feb3
+6 -5
View File
@@ -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);
}
}