From a393892e6249a4e5845bc27352b8de5a6f7b0cb6 Mon Sep 17 00:00:00 2001
From: Mathieu Duckerts-Antoine <dam@odoo.com>
Date: Thu, 6 Oct 2022 14:45:54 +0000
Subject: [PATCH] [FIX] mail: activity view: progress bar counters

The commit https://github.com/odoo/odoo/commit/c877cab866f2c1968f4f9aaf8ceebc02fa014eed
has recently refactored the css of the kanban column progress bar making
the rules for o_legacy_kanban_counter be applied only in legacy kanban
views. This lead the style of the progress bars in activity view to be
broken. Here we fix that style by copying the rules we want in the
file activity_view.scss.

closes odoo/odoo#102520

X-original-commit: 84788c27a6c22a55bb0d7e375ae60b78beeea050
Signed-off-by: Julien Mougenot (jum) <jum@odoo.com>
Signed-off-by: Mathieu Duckerts-Antoine <dam@odoo.com>
---
 .../mail/static/src/scss/activity_view.scss   | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/addons/mail/static/src/scss/activity_view.scss b/addons/mail/static/src/scss/activity_view.scss
index 644fb1a1b1d..b17b845922e 100644
--- a/addons/mail/static/src/scss/activity_view.scss
+++ b/addons/mail/static/src/scss/activity_view.scss
@@ -130,4 +130,48 @@
             }
         }
     }
+
+    .o_legacy_kanban_counter {
+        position: relative;
+        display: flex;
+        align-items: center;
+        transition: opacity 0.3s ease 0s;
+        margin-bottom: $o-kanban-record-margin*2;
+
+        > .o_kanban_counter_progress {
+            width: 76%;
+            height: $font-size-sm;
+            margin-bottom: 0;
+            background-color: map-get($grays, '300');
+            box-shadow: none;
+
+            .progress-bar {
+                margin-bottom: 0;
+                box-shadow: none;
+                cursor: pointer;
+            }
+        }
+
+        > .o_kanban_counter_side {
+            width: 21%;
+            margin-left: 3%;
+            color: $headings-color;
+            text-align: right;
+            white-space: nowrap;
+            transform-origin: right center;
+
+            &.o_kanban_grow {
+                animation: legacy-kanban-counter-grow 1s ease 0s 1 normal none running;
+            }
+
+            &.o_kanban_grow_huge {
+                animation: legacy-kanban-counter-grow-huge 1s ease 0s 1 normal none running;
+            }
+
+            // Target currency icon
+            > span {
+                margin-left: 2px;
+            }
+        }
+    }
 }