[FIX] web: should keep background of folded column

**Issue:**

When moving a record in a kanban view from one column to another,
it is possible to keep holding the record, hover it in one column
for a moment, then move again to another column then eventually
drop the record. Doing this where a folded column is the intermediate
column results to visual issue, such that the darker highlight of
a folded column is lost.

The desired behavior is to keep the background color of a folded
column.

**Solution:**

When moving a record, the hovered column is highlighted, and right
after leaving the column, we remove the highlight. And we are doing
this without exempting the folded column, thus, its darker highlight
is lost during the record-moving-hovering process.

Instead of adding/removing .bg-100 during unhover/hover on each
kanban column to make sure of the "greenish" tint of the column when
hovered, we just make background of the .o_kanban_hover to be important.

closes odoo/odoo#105689

X-original-commit: fdd7f017c73718c9582256dde3124dd2655aeb01
Signed-off-by: Julien Mougenot (jum) <jum@odoo.com>
Signed-off-by: Joseph Caburnay (jcb) <jcb@odoo.com>
This commit is contained in:
Joseph Caburnay
2022-11-14 16:21:52 +01:00
parent 7a5ee6e6f9
commit 7b61eefc0e
2 changed files with 1 additions and 3 deletions
@@ -520,7 +520,7 @@
}
}
&.o_kanban_hover {
background-color: var(--KanbanColumn__highlight-background);
background-color: var(--KanbanColumn__highlight-background) !important;
box-shadow: -1px 0px 0px 0px var(--KanbanColumn__highlight-border) inset,
1px 0px 0px 0px var(--KanbanColumn__highlight-border) inset;
}
@@ -512,7 +512,6 @@ export class KanbanRenderer extends Component {
*/
sortRecordGroupEnter({ group }) {
group.classList.add("o_kanban_hover");
group.classList.remove("bg-100");
}
/**
@@ -521,7 +520,6 @@ export class KanbanRenderer extends Component {
*/
sortRecordGroupLeave({ group }) {
group.classList.remove("o_kanban_hover");
group.classList.add("bg-100");
}
/**