From 683c29c43f2da8df6915cadcc0bcb23f5a17c2d2 Mon Sep 17 00:00:00 2001
From: Bruno Boi <boi@odoo.com>
Date: Thu, 30 Jun 2022 12:09:18 +0000
Subject: [PATCH] [FIX] web: kanban in the quick create style issue

Before this commit
The quick create form view uses the new wowl form renderer, but
with the CSS style of the legacy form view.
This led to some issues, i.e. the width of some input fields
were ridiculously small.

After this commit
The quick create form view still uses the new form renderer, but with
the proper class "o_wowl_form_view" to ensure the proper style is
applied.

Part-of: odoo/odoo#94952
---
 .../static/src/views/kanban/kanban_controller.scss   |  2 +-
 .../src/views/kanban/kanban_record_quick_create.xml  |  2 +-
 addons/web/static/tests/views/kanban_view_tests.js   | 12 ++++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/addons/web/static/src/views/kanban/kanban_controller.scss b/addons/web/static/src/views/kanban/kanban_controller.scss
index dd03b4e704d..af05f2b3e32 100644
--- a/addons/web/static/src/views/kanban/kanban_controller.scss
+++ b/addons/web/static/src/views/kanban/kanban_controller.scss
@@ -29,7 +29,7 @@
         box-shadow: $box-shadow;
         margin: 0 $o-kanban-record-margin ($o-kanban-record-margin * 2);
 
-        .o_form_view {
+        .o_wowl_form_view {
             padding: 0;
             .o_group.o_inner_group {
                 margin: 0;
diff --git a/addons/web/static/src/views/kanban/kanban_record_quick_create.xml b/addons/web/static/src/views/kanban/kanban_record_quick_create.xml
index db3c883b847..cdb553cb5ee 100644
--- a/addons/web/static/src/views/kanban/kanban_record_quick_create.xml
+++ b/addons/web/static/src/views/kanban/kanban_record_quick_create.xml
@@ -7,7 +7,7 @@
             t-att-class="{ o_disabled: state.disabled }"
             t-ref="root"
         >
-            <FormRenderer class="'o_form_view o_xxs_form_view'" record="props.record" archInfo="props.archInfo" />
+            <FormRenderer class="'o_wowl_form_view o_xxs_form_view'" record="props.record" archInfo="props.archInfo" />
             <div class="d-flex">
                 <button class="btn btn-primary o_kanban_add mr-1 text_truncate" t-on-click="() => this.validate('add')">
                     Add
diff --git a/addons/web/static/tests/views/kanban_view_tests.js b/addons/web/static/tests/views/kanban_view_tests.js
index 60f180c244b..59e4a540199 100644
--- a/addons/web/static/tests/views/kanban_view_tests.js
+++ b/addons/web/static/tests/views/kanban_view_tests.js
@@ -1166,7 +1166,7 @@ QUnit.module("Views", (hooks) => {
             ".o_kanban_group:first-child .o_kanban_quick_create"
         );
 
-        assert.containsOnce(quickCreate, ".o_form_view.o_xxs_form_view");
+        assert.containsOnce(quickCreate, ".o_wowl_form_view.o_xxs_form_view");
         assert.containsOnce(quickCreate, "input");
         assert.containsOnce(
             quickCreate,
@@ -1239,7 +1239,7 @@ QUnit.module("Views", (hooks) => {
             ".o_kanban_group:first-child .o_kanban_quick_create"
         );
 
-        assert.containsOnce(quickCreate, ".o_form_view.o_xxs_form_view");
+        assert.containsOnce(quickCreate, ".o_wowl_form_view.o_xxs_form_view");
         assert.containsOnce(
             target,
             ".o_control_panel",
@@ -1656,13 +1656,13 @@ QUnit.module("Views", (hooks) => {
 
         await quickCreateRecord();
         assert.hasClass(
-            target.querySelector(".o_kanban_quick_create .o_form_view"),
+            target.querySelector(".o_kanban_quick_create .o_wowl_form_view"),
             "o_xxs_form_view"
         );
 
         await triggerEvent(window, "", "resize");
         assert.hasClass(
-            target.querySelector(".o_kanban_quick_create .o_form_view"),
+            target.querySelector(".o_kanban_quick_create .o_wowl_form_view"),
             "o_xxs_form_view"
         );
     });
@@ -3339,7 +3339,7 @@ QUnit.module("Views", (hooks) => {
         blockGetViews = true;
         await quickCreateRecord();
 
-        assert.containsNone(target, ".o_form_view");
+        assert.containsNone(target, ".o_wowl_form_view");
 
         // click to fold the first column
         const clickColumnAction = await toggleColumnActions(0);
@@ -3350,7 +3350,7 @@ QUnit.module("Views", (hooks) => {
         prom.resolve();
         await nextTick();
 
-        assert.containsNone(target, ".o_form_view");
+        assert.containsNone(target, ".o_wowl_form_view");
         assert.containsOnce(target, ".o_column_folded");
     });