From 18fbdea689a7caa36c04c5400ffce5489f158e16 Mon Sep 17 00:00:00 2001 From: Saiyed Irmi Date: Tue, 12 Sep 2023 12:56:09 +0530 Subject: [PATCH] [IMP] web: fix alignment of progress-bar Steps: - Open Appraisals - Go to Skills - Add new skill - Progress-bar was left-aligned in both rtl and ltr mode Issue: - progress-bar should always aligned to the right (it should be to the left only in rtl mode) in list view.In rtl mode, white space coming before progress-bar.Progress-bar with different percentage values was not aligned. Cause: - the progress bar alignment was inconsistent, especially when dealing with RTL languages. Fix: - By justifying the content of progress-bar to flex-end and of rtl mode to flex-start Applying min-width to progress-bar value. Task: 3525850 closes odoo/odoo#145094 X-original-commit: 52a90d638b79f313c6803b09e54b721eeee2e2fa Signed-off-by: Bertrand Dossogne (bedo) Signed-off-by: Prakash Prajapati (ppr) --- .../fields/progress_bar/progress_bar_field.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/addons/web/static/src/views/fields/progress_bar/progress_bar_field.scss b/addons/web/static/src/views/fields/progress_bar/progress_bar_field.scss index 2577c43a6c1..fb1e70aaaed 100644 --- a/addons/web/static/src/views/fields/progress_bar/progress_bar_field.scss +++ b/addons/web/static/src/views/fields/progress_bar/progress_bar_field.scss @@ -28,6 +28,19 @@ .o_progressbar { // Force progress bars to respect table's layout display: table-row; + justify-content: flex-end; + .o_rtl & { + justify-content: flex-start; + text-align: right; + } + .o_progressbar_value { + span { + min-width: 1.5rem; + } + span:last-child{ + text-align: left; + } + } } }