[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:
+1
@@ -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 {
|
||||
|
||||
+1
-1
@@ -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"
|
||||
|
||||
+1
-1
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user