diff --git a/addons/web/static/src/js/libs/jquery.js b/addons/web/static/src/js/libs/jquery.js index 4bcab8eb866..77aa9e63c3d 100644 --- a/addons/web/static/src/js/libs/jquery.js +++ b/addons/web/static/src/js/libs/jquery.js @@ -92,8 +92,11 @@ $.fn.extend({ */ odooBounce: function () { return this.each(function () { - $(this).css('box-sizing', 'content-box') - .effect('bounce', {distance: 18, times: 5}, 250); + var $el = $(this); + $el.addClass('o_catch_attention'); + setTimeout(function () { + $el.removeClass('o_catch_attention'); + }, 400); }); }, /** diff --git a/addons/web/static/src/scss/ui.scss b/addons/web/static/src/scss/ui.scss index efdba4bc420..b2f4a147ca1 100644 --- a/addons/web/static/src/scss/ui.scss +++ b/addons/web/static/src/scss/ui.scss @@ -55,3 +55,18 @@ } } } + +.o_catch_attention { + position: relative; + z-index: 1; + animation: catchAttention 200ms ease 0s infinite normal; +} + +@keyframes catchAttention { + 0% { + outline: 0px solid fade-out($o-brand-primary, 0.0); + } + 100% { + outline: 20px solid fade-out($o-brand-primary, 1.0); + } +}