pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] website: Flip arrows on carousel in RTL

Browse Source 
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) <nle@odoo.com>
This commit is contained in:
Julien Castiaux
2019-07-26 12:48:27 +00:00
parent a53c1be0f3
commit ebb61753bf
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/static/src/scss/website.scss
+2 -2
View File
@@ -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);