From c76fa80487e24896930285c0bd9ec1a35830026d Mon Sep 17 00:00:00 2001
From: dht-odoo <dht@odoo.com>
Date: Wed, 25 Nov 2020 13:03:21 +0000
Subject: [PATCH] [IMP] web: handle buttons with long strings on quick create
 kanban card

Right now, the quick create kanban card is having three buttons, Add, Edit
and Discard. In some languages, the translation terms of these buttons may be
quite long. This pushes the last button into second line and leads to an
ugly display.

This commit replaces the 'Discard' button with trash icon and makes sure that
all buttons are always in single line. If the strings are too long, they will
be cropped automatically.

Task ID-2373130

closes odoo/odoo#62326

Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
---
 addons/web/static/src/scss/kanban_view.scss |  4 ++++
 addons/web/static/src/xml/kanban.xml        | 10 ++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/addons/web/static/src/scss/kanban_view.scss b/addons/web/static/src/scss/kanban_view.scss
index c115199f124..8e0d232148f 100644
--- a/addons/web/static/src/scss/kanban_view.scss
+++ b/addons/web/static/src/scss/kanban_view.scss
@@ -34,6 +34,10 @@
             }
         }
 
+        .o_kanban_cancel {
+            color: gray('600'); // to make color uniform in community and enterprise
+        }
+
         &.o_disabled {
             pointer-events: none;
             opacity: 0.7;
diff --git a/addons/web/static/src/xml/kanban.xml b/addons/web/static/src/xml/kanban.xml
index 7678f124c6b..387cbe5b419 100644
--- a/addons/web/static/src/xml/kanban.xml
+++ b/addons/web/static/src/xml/kanban.xml
@@ -69,10 +69,12 @@
 </t>
 
 <t t-name="KanbanView.RecordQuickCreate.buttons">
-    <div>
-        <button class="btn btn-primary o_kanban_add">Add</button>
-        <button class="btn btn-primary o_kanban_edit">Edit</button>
-        <button class="btn btn-secondary o_kanban_cancel ml8">Discard</button>
+    <div class="d-flex">
+        <button class="btn btn-primary o_kanban_add mr-1 text-truncate">Add</button>
+        <button class="btn btn-primary o_kanban_edit mr-1 text-truncate">Edit</button>
+        <button class="btn btn-secondary o_kanban_cancel ml-auto">
+            <i class="fa fa-trash"/>
+        </button>
     </div>
 </t>