From a19a63ea65083bcdd0e62a4521fe02b91f4398da Mon Sep 17 00:00:00 2001
From: "Xavier BOL (xbo)" <xbo@odoo.com>
Date: Thu, 20 Oct 2022 19:19:05 +0000
Subject: [PATCH] [FIX] project: review style of right side panel to avoid
 auto-scroll

Before this commit, when the user accesses to project update
view of a project with a mobile, the view auto scroll to the kanban
renderer and so the user will not directly see the right side panel
displayed above the kanban renderer when the view is a mobile view.

This commit changes the position of the right side panel to add the
ProjectRightSidePanel before the KanbanRenderer (or ListRenderer)
component, to avoid using `flex-direction: column-reverse;` in mobile
view because there is a auto-scroll because of that css property. And
so, the `flex-direction` will be `row-reverse` by default and when the
view is a mobile one, the `flex-direction` will be `column`.

task-2968326

X-original-commit: 05e46f779b9eb625dcd17a00c1c2228650a8f8d8
Part-of: odoo/odoo#105801
---
 .../project_right_side_panel/project_right_side_panel.scss      | 1 +
 .../project_update_kanban/project_update_kanban_controller.xml  | 2 +-
 .../project_update_list/project_update_list_controller.xml      | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/addons/project/static/src/components/project_right_side_panel/project_right_side_panel.scss b/addons/project/static/src/components/project_right_side_panel/project_right_side_panel.scss
index 649736b5dfc..f364c0b6b3b 100644
--- a/addons/project/static/src/components/project_right_side_panel/project_right_side_panel.scss
+++ b/addons/project/static/src/components/project_right_side_panel/project_right_side_panel.scss
@@ -5,6 +5,7 @@ $o-rightpanel-p-tiny: $o-rightpanel-p-small*0.5;
 .o_controller_with_rightpanel .o_content {
     overflow: hidden;
     display: flex;
+    flex-direction: row-reverse;
     justify-content: space-between;
 
     .o_renderer {
diff --git a/addons/project/static/src/views/project_update_kanban/project_update_kanban_controller.xml b/addons/project/static/src/views/project_update_kanban/project_update_kanban_controller.xml
index 5775c44479b..9dad953f453 100644
--- a/addons/project/static/src/views/project_update_kanban/project_update_kanban_controller.xml
+++ b/addons/project/static/src/views/project_update_kanban/project_update_kanban_controller.xml
@@ -2,7 +2,7 @@
 <templates xml:space="preserve">
 
     <t t-name="project.ProjectUpdateKanbanView" t-inherit="web.KanbanView" t-inherit-mode="primary" owl="1">
-        <xpath expr="//t[@t-component='props.Renderer']" position="after">
+        <xpath expr="//t[@t-component='props.Renderer']" position="before">
             <ProjectRightSidePanel
                 context="props.context"
                 domain="props.domain"
diff --git a/addons/project/static/src/views/project_update_list/project_update_list_controller.xml b/addons/project/static/src/views/project_update_list/project_update_list_controller.xml
index 03c8b43a93c..8ec9720da4e 100644
--- a/addons/project/static/src/views/project_update_list/project_update_list_controller.xml
+++ b/addons/project/static/src/views/project_update_list/project_update_list_controller.xml
@@ -2,7 +2,7 @@
 <templates xml:space="preserve">
 
     <t t-name="project.ProjectUpdateListView" t-inherit="web.ListView" t-inherit-mode="primary" owl="1">
-        <xpath expr="//Layout" position="inside">
+        <xpath expr="//t[@t-component='props.Renderer']" position="before">
             <ProjectRightSidePanel
                 context="props.context"
                 domain="props.domain"