[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
This commit is contained in:
Xavier BOL (xbo)
2022-11-15 19:22:12 +01:00
parent 5454c20917
commit a19a63ea65
3 changed files with 3 additions and 2 deletions
@@ -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 {
@@ -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"
@@ -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"