feat(mobile): display help modal (closes #666)

TriliumNext · Jan 4, 2025 · 20b439b · 20b439b
1 parent d309694
commit 20b439b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git 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
@@ -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
@@ -1229,6 +1229,7 @@ body.mobile #launcher-pane .dropdown-menu.show {
         left: 0;
         right: 0;
         margin: 0 !important;
+        max-height: 85vh;
     }
 }