From 20b439b2cb70e7dc08a95227cfc2a195acae6bd5 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 4 Jan 2025 18:41:51 +0200
Subject: [PATCH] feat(mobile): display help modal (closes #666)

---
 src/public/app/layouts/mobile_layout.js       | 2 ++
 src/public/app/widgets/buttons/global_menu.ts | 5 -----
 src/public/stylesheets/style.css              | 1 +
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/public/app/layouts/mobile_layout.js b/src/public/app/layouts/mobile_layout.js
index 970f12e08..684b7032f 100644
--- a/src/public/app/layouts/mobile_layout.js
+++ b/src/public/app/layouts/mobile_layout.js
@@ -26,6 +26,7 @@ import PromotedAttributesWidget from "../widgets/ribbon_widgets/promoted_attribu
 import ClassicEditorToolbar from "../widgets/ribbon_widgets/classic_editor_toolbar.js";
 import SidebarContainer from "../widgets/mobile_widgets/sidebar_container.js";
 import AboutDialog from "../widgets/dialogs/about.js";
+import HelpDialog from "../widgets/dialogs/help.js";
 
 const MOBILE_CSS = `
 <style>
@@ -188,5 +189,6 @@ export default class MobileLayout {
                 .child(new GlobalMenuWidget(true))
                 .id("launcher-pane"))
             .child(new AboutDialog())
+            .child(new HelpDialog())
     }
 }
diff --git a/src/public/app/widgets/buttons/global_menu.ts b/src/public/app/widgets/buttons/global_menu.ts
index 15c49a31f..b284f210c 100644
--- a/src/public/app/widgets/buttons/global_menu.ts
+++ b/src/public/app/widgets/buttons/global_menu.ts
@@ -89,11 +89,6 @@ const TPL = `
         margin-right: 5px;
     }
 
-    body.mobile .show-help-button {
-        /* hidden because these dialogs are not available for mobile */
-        display: none;
-    }
-
     body.mobile .global-menu .dropdown-submenu .dropdown-menu {
         display: block;
         font-size: 90%;
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 0f3f2a245..89d26b30d 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -1229,6 +1229,7 @@ body.mobile #launcher-pane .dropdown-menu.show {
         left: 0;
         right: 0;
         margin: 0 !important;
+        max-height: 85vh;
     }
 }