From 904a04348ef5767e33d5c7a3e491cd8f6cdcd7f7 Mon Sep 17 00:00:00 2001
From: Gorash <chm@odoo.com>
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#73641
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
---
addons/web/static/src/scss/bootstrap_review.scss | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/addons/web/static/src/scss/bootstrap_review.scss b/addons/web/static/src/scss/bootstrap_review.scss
index 4efc59da2cfe..3b05325576f5 100644
--- a/addons/web/static/src/scss/bootstrap_review.scss
+++ b/addons/web/static/src/scss/bootstrap_review.scss
@@ -8,3 +8,7 @@
// They would go over floating elements, which is never what we want.
clear: both;
}
+
+.carousel-control-next .sr-only {
+ left: 50%; // Avoid horizontal scrollbar in Chrome
+}
--
GitLab