[FIX] lunch: make it work on mobile

This module didn't worked on mobile: user cannot select the products or
see their cart.

This commit reworks the LunchKanbanWidget template and introduces a
dedicated template for mobile. This template introduces a button at the
bottom of the screen to toggle the "cart" widget on mobile (hiding it by
default).

It tries to make the best use of the existing Bootstrap classes allowing
to have a more responsive layout and reducing the custom CSS required by
this module (both in desktop and in mobile).

This commit adds a decent JS tests-suite (mobile & desktop) to this
module as the existing one left substential parts of the UI untested
(opening wizard when clicking on a kanban record, cart's lines content,
clear cart button, widget structure and content based on the state...).
Those tests are also less based on DOM nodes order/tag names and use
instead dedicated classnames.

It also modifies the LunchKanbanRecord click handling to had a dedicated
event handler instead of overriding the default _onGlobalClick() and
make it more testable.

Task ID: 1945032

1 files changed, 1 insertions, 2 deletions

diff --git a/addons/web/static/src/scss/search_view_mobile.scss b/addons/web/static/src/scss/search_view_mobile.scss
index c3c264649ea..dd72aaae83b 100644
--- a/addons/web/static/src/scss/search_view_mobile.scss
+++ b/addons/web/static/src/scss/search_view_mobile.scss
@@ -7,7 +7,7 @@
         padding: 0;
         width: 100%;
         background-color: white;
-        z-index: 1000;
+        z-index: $zindex-modal;
         overflow: auto;
         .o_mobile_search_header {
             height: 46px;
@@ -89,7 +89,6 @@
             right: 0;
             padding: 15px;
             font-size: 17px;
-            z-index: 1000;
         }
     }
 }