From 12c6eba84463a7758bc79f05fb5a6a2508ae5ddc Mon Sep 17 00:00:00 2001 From: Jinal Patel Date: Tue, 28 Apr 2020 05:47:20 +0000 Subject: [PATCH] [IMP] web: make OdooBounce bounce again ... instead of pulse. task 2239617 closes odoo/odoo#49870 Signed-off-by: Aaron Bohy (aab) --- addons/web/static/src/scss/ui.scss | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/addons/web/static/src/scss/ui.scss b/addons/web/static/src/scss/ui.scss index 61854a8d304..6cf669bb999 100644 --- a/addons/web/static/src/scss/ui.scss +++ b/addons/web/static/src/scss/ui.scss @@ -74,12 +74,28 @@ animation: catchAttention 200ms ease 0s infinite normal; } +// bounce effect @keyframes catchAttention { + 0%, 20%, 40%, 60%, 80%, 100% { + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } 0% { - outline: 0px solid fade-out($o-brand-primary, 0.0); + transform: translateY(-30%); + } + 20% { + transform: translateY(-25%); + } + 40% { + transform: translateY(-20%); + } + 60% { + transform: translateY(-15%); + } + 80% { + transform: translateY(-10%); } 100% { - outline: 20px solid fade-out($o-brand-primary, 1.0); + transform: translateY(-5%); } }