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

[FIX] website: render well the price range widget in RTL languages

Browse Source 
Steps:
- Go to website/shop (with price range widget enabled)
- Change the language to Arabic

Issue: the numbers on the price range widget are overflowing

Cause:
The element leftCounter's right style property is always set to 0px.
So when changing the direction it's always on the right as his position
is absolute.

Solution:
Built-in handle by Bootstrap with end-0

Fixes #108557
opw-3221051

closes odoo/odoo#120568

X-original-commit: 4e05d93dce31f9a829961bded855a6cb7e8de7f3
Signed-off-by: Romain Derie (rde) <rde@odoo.com>
This commit is contained in:
Eteil Djoumatchoua(etdj)
2023-05-04 23:31:00 +02:00
committed by Romain Derie
parent d7d02c44c6
commit 0d56f9963b
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/static/lib/multirange/multirange_custom.js
+1 -2
View File
@@ -95,8 +95,7 @@ export class Multirange {
this.leftCounter = document.createElement("span");
this.leftCounter.classList.add("multirange-min", "position-absolute", "opacity-75", "opacity-100-hover", "mt-1");
this.rightCounter = document.createElement("span");
this.rightCounter.classList.add("multirange-max", "position-absolute", "opacity-75", "opacity-100-hover", "mt-1");
this.rightCounter.style.right = 0;
this.rightCounter.classList.add("multirange-max", "position-absolute", "opacity-75", "opacity-100-hover", "mt-1", "end-0");
this.countersWrapper.append(this.leftCounter, this.rightCounter);
/* Add the counterInput */