From 8b5c9723d16652da5e6507d59130b516d1bda529 Mon Sep 17 00:00:00 2001
From: Julien Mougenot <jum@odoo.com>
Date: Thu, 19 Oct 2023 10:55:55 +0200
Subject: [PATCH] [FIX] web: remove arrow from statusbar side dropdowns

This commit removes the caret from the statusbar side dropdowns as it
was not intended to appear and causes the buttons to be misaligned.

closes odoo/odoo#139168

Signed-off-by: Mathieu Duckerts-Antoine (dam) <dam@odoo.com>
---
 .../static/src/views/fields/statusbar/statusbar_field.scss   | 5 +++--
 .../static/src/views/fields/statusbar/statusbar_field.xml    | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/addons/web/static/src/views/fields/statusbar/statusbar_field.scss b/addons/web/static/src/views/fields/statusbar/statusbar_field.scss
index 13a67840f95..4b2f6289e17 100644
--- a/addons/web/static/src/views/fields/statusbar/statusbar_field.scss
+++ b/addons/web/static/src/views/fields/statusbar/statusbar_field.scss
@@ -17,7 +17,7 @@
             &.o_first {
                 @include border-end-radius($border-radius);
                 padding-right: $o-horizontal-padding; // Compensate container padding
-                overflow-x: hidden; // to prevent horizontal scroll due to last arrow
+                overflow: hidden; // to prevent scroll due to last arrow
             }
 
             &.o_last {
@@ -25,7 +25,8 @@
                 padding-left: $o-horizontal-padding;
             }
 
-            &:not(.o_first) {
+            &:not(.o_first),
+            &:not(.o_last) {
                 &:before, &:after {
                     @include o-position-absolute(-$border-width, -$o-statusbar-arrow-width);
                     display: block;
diff --git a/addons/web/static/src/views/fields/statusbar/statusbar_field.xml b/addons/web/static/src/views/fields/statusbar/statusbar_field.xml
index 6788a12f4ec..6217e055ea3 100644
--- a/addons/web/static/src/views/fields/statusbar/statusbar_field.xml
+++ b/addons/web/static/src/views/fields/statusbar/statusbar_field.xml
@@ -1,7 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <templates xml:space="preserve">
     <t t-name="web.StatusBarField.Dropdown" owl="1">
-        <t t-esc="label" />
         <Dropdown toggler="'parent'">
             <t t-foreach="items" t-as="item" t-key="item.value">
                 <DropdownItem
@@ -12,6 +11,8 @@
                 </DropdownItem>
             </t>
         </Dropdown>
+        <!-- Must be below the dropdown menu to align with the caret (if any) -->
+        <t t-esc="label" />
     </t>
 
     <t t-name="web.StatusBarField" owl="1">