From 0573d9d6c2efe86e13e5a70d833f6f4fd53a94fb Mon Sep 17 00:00:00 2001
From: Pierre Paridans <app@odoo.com>
Date: Wed, 14 Sep 2022 13:49:01 +0000
Subject: [PATCH] [FIX] web: ActionMenu position on mobile

This commit fixes the ActionMenu's position on smaller screens by
pushing it to the bottom-right part of the ControlPanel (instead of the
bottom-left one on regular sizes).

It also adjusts its vertical alignment.

X-original-commit: 42966bc89f873032fa6bad41c2cfa7a001537f9b
Part-of: odoo/odoo#100759
---
 .../src/search/action_menus/action_menus.xml     |  4 ++--
 .../src/search/control_panel/control_panel.xml   |  1 +
 .../static/src/views/form/form_controller.xml    | 16 ++++++++++++++--
 addons/web/static/src/webclient/webclient.scss   |  9 ---------
 4 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/addons/web/static/src/search/action_menus/action_menus.xml b/addons/web/static/src/search/action_menus/action_menus.xml
index b702063785a..9c36f1ae7bd 100644
--- a/addons/web/static/src/search/action_menus/action_menus.xml
+++ b/addons/web/static/src/search/action_menus/action_menus.xml
@@ -5,7 +5,7 @@
         <div class="o_cp_action_menus">
             <Dropdown t-if="printItems.length" class="'d-inline-block'" togglerClass="'btn btn-secondary'" tooltip="'Printing options'" hotkey="'shift+u'">
                 <t t-set-slot="toggler">
-                    <i class="small me-1 fa fa-print"/>
+                    <i class="me-md-1 fa fa-print"/>
                     <span class="o_dropdown_title">Print</span>
                 </t>
                 <t t-foreach="printItems" t-as="item" t-key="item.key">
@@ -17,7 +17,7 @@
 
             <Dropdown t-if="actionItems.length" class="'d-inline-block'" togglerClass="'btn btn-secondary'" tooltip="'Additional actions'" hotkey="'u'">
                 <t t-set-slot="toggler">
-                    <i class="small me-1 fa fa-cog"/>
+                    <i class="me-md-1 fa fa-cog"/>
                     <span class="o_dropdown_title">Action</span>
                 </t>
                 <t t-foreach="actionItems" t-as="item" t-key="item.key">
diff --git a/addons/web/static/src/search/control_panel/control_panel.xml b/addons/web/static/src/search/control_panel/control_panel.xml
index e83a9217e15..b21e31d5ad9 100644
--- a/addons/web/static/src/search/control_panel/control_panel.xml
+++ b/addons/web/static/src/search/control_panel/control_panel.xml
@@ -164,6 +164,7 @@
                             </Dropdown>
                         </nav>
                     </t>
+                    <t t-slot="control-panel-bottom-right"/>
                 </div>
             </div>
         </t>
diff --git a/addons/web/static/src/views/form/form_controller.xml b/addons/web/static/src/views/form/form_controller.xml
index 0bf23ec3690..20a3e726a42 100644
--- a/addons/web/static/src/views/form/form_controller.xml
+++ b/addons/web/static/src/views/form/form_controller.xml
@@ -13,7 +13,20 @@
                     </t>
                 </t>
                 <t t-set-slot="control-panel-bottom-left">
-                    <t t-if="props.info.actionMenus and !model.root.isVirtual">
+                    <t t-if="!env.isSmall and props.info.actionMenus and !model.root.isVirtual">
+                        <ActionMenus
+                            activeIds="[model.root.resId]"
+                            context="props.context"
+                            items="getActionMenuItems()"
+                            isDomainSelected="model.root.isDomainSelected"
+                            resModel="model.root.resModel"
+                            domain="props.domain"
+                            onActionExecuted="() => model.load()"
+                        />
+                    </t>
+                </t>
+                <t t-set-slot="control-panel-bottom-right">
+                    <t t-if="env.isSmall and props.info.actionMenus and !model.root.isVirtual">
                         <ActionMenus
                             activeIds="[model.root.resId]"
                             context="props.context"
@@ -25,7 +38,6 @@
                         />
                     </t>
                 </t>
-                <t t-set-slot="control-panel-bottom-right"> </t>
                 <t t-component="props.Renderer" record="model.root" Compiler="props.Compiler" archInfo="archInfo" translateAlert="translateAlert"/>
             </Layout>
         </div>
diff --git a/addons/web/static/src/webclient/webclient.scss b/addons/web/static/src/webclient/webclient.scss
index 47eb42bb518..30171ca424b 100644
--- a/addons/web/static/src/webclient/webclient.scss
+++ b/addons/web/static/src/webclient/webclient.scss
@@ -163,15 +163,6 @@ kbd {
           padding: 2px 10px;
       }
   }
-
-  .o_cp_action_menus .btn {
-      font-size: $font-size-lg;
-      padding: 13px 14px!important;
-
-      > .fa {
-          margin: 0!important;
-      }
-  }
 }
 
 //------------------------------------------------------------------------------