From ebb61753bf3d3dd8d3f53db088112b9e4beb813d Mon Sep 17 00:00:00 2001 From: Julien Castiaux Date: Fri, 26 Jul 2019 12:44:32 +0000 Subject: [PATCH] [FIX] website: Flip arrows on carousel in RTL Enable the rtlcss library, translate the website into arabic, add a carousel. The previous left appears right on the screen and the next right arrow on the left. This fix is to invert the two value (left arrow/right arrow) when the screen in RTL-ed. rtlcss documentation is available at: https://rtlcss.com/learn/usage-guide/value-directives/#tip opw-2041898 closes odoo/odoo#35220 Signed-off-by: Nicolas Lempereur (nle) --- addons/website/static/src/scss/website.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss index 3b95a9f06cf..421a1768992 100644 --- a/addons/website/static/src/scss/website.scss +++ b/addons/website/static/src/scss/website.scss @@ -473,8 +473,8 @@ table.table_desc tr td { // Default &.s_carousel_default { // Controls - chevron - .carousel-control-prev-icon:before { content: "\f053"; margin-left: 1.5rem; } - .carousel-control-next-icon:before { content: "\f054"; margin-right: 1.5rem; } + .carousel-control-prev-icon:before { content: "\f053" #{"/*rtl:'\f054'*/"}; margin-left: 1.5rem; } + .carousel-control-next-icon:before { content: "\f054" #{"/*rtl:'\f053'*/"}; margin-right: 1.5rem; } .carousel-control-prev-icon:before, .carousel-control-next-icon:before { background-color: rgba(0,0,0,0);