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

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())
     }
 }

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%;

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;
     }
 }