From 7d0d090ea522866ec911168ea037f360b190f72d Mon Sep 17 00:00:00 2001 From: Gorash Date: Tue, 13 Jul 2021 13:58:47 +0000 Subject: [PATCH] [FIX] web: avoid a scrollbar when a carousel is added in pages On Chrome, the browser displayed an horizontal scrollbar because the sr-only item inside the 'next' arrow was positioned absolutely, outside of the arrow, and thus outside of the window. This happened for the website carousel snippet when added in pages for instance. opw-2585526 closes odoo/odoo#74334 X-original-commit: c29060c80e987edcfbeeaa7824540583de88f8ed Signed-off-by: Quentin Smetz (qsm) --- addons/web/static/src/legacy/scss/bootstrap_review.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/addons/web/static/src/legacy/scss/bootstrap_review.scss b/addons/web/static/src/legacy/scss/bootstrap_review.scss index 0d1774feb65..4e78247b931 100644 --- a/addons/web/static/src/legacy/scss/bootstrap_review.scss +++ b/addons/web/static/src/legacy/scss/bootstrap_review.scss @@ -185,3 +185,7 @@ $o-navbar-nav-pills-link-border-radius: $nav-pills-border-radius !default; @include border-radius($o-navbar-nav-pills-link-border-radius); } } + +.carousel-control-next .sr-only { + left: 50%; // Avoid horizontal scrollbar in Chrome +}