From 5d88830c1ae0cdb54c9fe06665e31f335a30dde8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Todorovich?= <ivan.todorovich@gmail.com>
Date: Thu, 15 Feb 2018 20:02:16 -0300
Subject: [PATCH] Fix white background when reordering tile

---
 web_dashboard_tile/README.rst              |  2 --
 web_dashboard_tile/demo/tile_category.yml  |  2 +-
 web_dashboard_tile/static/src/css/tile.css | 16 +++++++---------
 web_dashboard_tile/views/tile.xml          |  4 +++-
 4 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/web_dashboard_tile/README.rst b/web_dashboard_tile/README.rst
index edc9e0c3..22bef239 100644
--- a/web_dashboard_tile/README.rst
+++ b/web_dashboard_tile/README.rst
@@ -31,9 +31,7 @@ Usage
 
 Known issues
 ============
-* Reordering the Kanban Tile will result in a rendering bug where the tile loses it's `style` attribute, where the `background-color` is set, rendering the tile background as white. Refreshing the view solves it.
 * Can not edit color from dashboard
-* Can not edit sequence from dashboard
 * Original context is ignored.
 * Original domain and filter are not restored.
 * To preserve a relative date domain, you have to manually edit the tile's domain from `Configuration > User Interface > Dashboard Tile`. You can use the same variables available in filters (`uid`, `context_today()`, `current_date`, `time`, `datetime`, `relativedelta`).
diff --git a/web_dashboard_tile/demo/tile_category.yml b/web_dashboard_tile/demo/tile_category.yml
index 5fe1b632..01bf0aea 100644
--- a/web_dashboard_tile/demo/tile_category.yml
+++ b/web_dashboard_tile/demo/tile_category.yml
@@ -26,4 +26,4 @@
 
 - !record {model: tile.category, id: finance}:
     name: Finance
-    sequence: 1
\ No newline at end of file
+    sequence: 1
diff --git a/web_dashboard_tile/static/src/css/tile.css b/web_dashboard_tile/static/src/css/tile.css
index 723cb51f..9fe5aec7 100644
--- a/web_dashboard_tile/static/src/css/tile.css
+++ b/web_dashboard_tile/static/src/css/tile.css
@@ -1,17 +1,15 @@
 /* custom kanban style */
 .o_kanban_view .oe_dashboard_tile {
-    width: 150px;
     height: 150px;
 }
 
-.o_kanban_view.o_kanban_ungrouped .o_kanban_record.oe_dashboard_tile {
-    /* override max-width rules */
-    margin: 4px !important;
-    /* flex width */
-    -ms-flex: 1 1 150px;
-    -moz-flex: 1 1 150px;
-    -webkit-flex: 1 1 150px;
-    flex: 1 1 150px;
+/* Fix bug where draggin a tile results in the element losing its style */
+.o_kanban_view .oe_dashboard_tile {
+	padding: 0px !important;
+}
+.o_kanban_view .oe_dashboard_tile .tile_background {
+	padding: 8px;
+	height: 100%;
 }
 
 .o_kanban_view .oe_dashboard_tile .tile_label,
diff --git a/web_dashboard_tile/views/tile.xml b/web_dashboard_tile/views/tile.xml
index 1cf50d5b..24e5b6a0 100644
--- a/web_dashboard_tile/views/tile.xml
+++ b/web_dashboard_tile/views/tile.xml
@@ -108,7 +108,8 @@
 
                     <templates>
                         <t t-name="kanban-box">
-                            <div t-attf-class="oe_dashboard_tile oe_kanban_global_click" t-attf-style="background-color:#{record.background_color.raw_value}" >
+                            <div class="oe_dashboard_tile oe_kanban_global_click">
+                            <div class="tile_background" t-attf-style="background-color:#{record.background_color.raw_value}">
 
                                 <div class="o_dropdown_kanban dropdown" groups="base.group_no_one">
                                     <a class="dropdown-toggle btn" data-toggle="dropdown" href="#">
@@ -141,6 +142,7 @@
                                 </div>
                                 <div class="oe_clear"></div>
                             </div>
+                            </div>
                         </t>
                     </templates>
                 </kanban>