diff options
| author | Julien Castiaux <juc@odoo.com> | 2019-07-26 12:44:32 +0000 |
|---|---|---|
| committer | Julien Castiaux <juc@odoo.com> | 2019-07-26 12:48:27 +0000 |
| commit | ebb61753bf3d3dd8d3f53db088112b9e4beb813d (patch) | |
| tree | 304cc9d6eb885e22ae64e77b9dba12ef37a40872 /addons/website/static/src | |
| parent | a53c1be0f3fd61f083d2d3d705f7eeea6a844368 (diff) | |
[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) <nle@odoo.com>
Diffstat (limited to 'addons/website/static/src')
| -rw-r--r-- | addons/website/static/src/scss/website.scss | 4 |
1 files 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); |