Skip to content

Commit

Permalink
[FIX] web: avoid a scrollbar when a carousel is added in pages
Browse files Browse the repository at this point in the history
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 #74225

X-original-commit: 904a043
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
  • Loading branch information
Gorash committed Jul 26, 2021
1 parent 99b1537 commit a6ffbd4
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions addons/web/static/src/scss/bootstrap_review.scss
Original file line number Diff line number Diff line change
Expand Up @@ -76,3 +76,7 @@
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}

.carousel-control-next .sr-only {
left: 50%; // Avoid horizontal scrollbar in Chrome
}

0 comments on commit a6ffbd4

Please sign in to comment.