[FIX] website: fix standard effect with Logo on top/below

Fix the standard effect with template logo on top/below to avoid
an hopping when scrolling.

Part of https://github.com/odoo/odoo/pull/51446
task-2229127

X-original-commit: 444b8b8a8d2014d0465a6ff00ce23b2ca1fca66a

1 files changed, 9 insertions, 0 deletions

diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss
index cab078da035..1e3e98f8fe1 100644
--- a/addons/website/static/src/scss/website.scss
+++ b/addons/website/static/src/scss/website.scss
@@ -670,6 +670,15 @@ $-transition-duration: 200ms;
             }
         }
     }
+    &.o_header_standard.o_header_is_scrolled {
+        @if index(('menu_logo_below', 'logo_menu_below'), o-website-value('header-template')) != null {
+            .navbar-brand {
+                &, img {
+                    transition: none;
+                }
+            }
+        }
+    }
 }
 #oe_main_menu_navbar + #wrapwrap .o_header_affixed {
     top: $o-navbar-height;