From 104f8a95c7ad2725e5b9132dca16952ecbed7e30 Mon Sep 17 00:00:00 2001
From: tarteo <d.sluijk@onestein.nl>
Date: Wed, 1 Mar 2023 13:01:55 +0100
Subject: [PATCH] [FIX] web_help: Make it work for small screens

[ADD] Roadmap
---
 web_help/readme/ROADMAP.rst                                | 1 +
 web_help/static/src/components/help_button/help_button.xml | 2 +-
 web_help/static/src/user_trip.esm.js                       | 7 ++++---
 3 files changed, 6 insertions(+), 4 deletions(-)
 create mode 100644 web_help/readme/ROADMAP.rst

diff --git a/web_help/readme/ROADMAP.rst b/web_help/readme/ROADMAP.rst
new file mode 100644
index 000000000..196e705ed
--- /dev/null
+++ b/web_help/readme/ROADMAP.rst
@@ -0,0 +1 @@
+* Implement keyboard shortcuts
diff --git a/web_help/static/src/components/help_button/help_button.xml b/web_help/static/src/components/help_button/help_button.xml
index ac6034547..d46fdae6c 100644
--- a/web_help/static/src/components/help_button/help_button.xml
+++ b/web_help/static/src/components/help_button/help_button.xml
@@ -36,7 +36,7 @@
             <HelpButton
                 resModel="props.actionProps.resModel"
                 viewType="props.actionProps.type"
-                btnClass="'btn-link p-1'"
+                btnClass="env.isSmall and 'btn-link p-1 text-white' or 'btn-link p-1'"
             />
         </xpath>
     </t>
diff --git a/web_help/static/src/user_trip.esm.js b/web_help/static/src/user_trip.esm.js
index 4c9afb7b9..365569e5d 100644
--- a/web_help/static/src/user_trip.esm.js
+++ b/web_help/static/src/user_trip.esm.js
@@ -5,12 +5,12 @@ import {registry} from "@web/core/registry";
 export class UserTrip extends Trip {
     setup() {
         this.addStep({
-            selector: ".o_list_button_add",
+            selector: ".o_list_button_add, .o-kanban-button-new",
             content: this.env._t("To create a new user click here."),
         });
 
         this.addStep({
-            selector: ".o_cp_searchview",
+            selector: ".o_cp_searchview, .o_enable_searchview",
             content: this.env._t("Use the searchbar to find specific users."),
             renderContext: {
                 cbBtnText: this.env._t("Next"),
@@ -27,5 +27,6 @@ export class UserTrip extends Trip {
 
 registry.category("trips").add("user_trip", {
     Trip: UserTrip,
-    selector: (model, viewType) => model === "res.users" && viewType === "list",
+    selector: (model, viewType) =>
+        model === "res.users" && ["list", "kanban"].includes(viewType),
 });