Poll WIP (#231):

* user documentation

conversejs/custom/plugins/poll/styles/poll-form.scss

@@ -4,11 +4,14 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-livechat-converse-poll-form-modal {
-  /* Special case: when the form is in a modal */
+.conversejs {
+  livechat-converse-poll-form-modal {
+    /* Special case: when the form is in a modal */
 
-  .converse-form {
-    max-height: 50vh;
-    overflow-y: scroll;
+    .converse-form {
+      max-height: 50vh;
+      overflow-y: scroll;
+      padding-top: 0;
+    }
   }
 }

conversejs/custom/plugins/poll/templates/poll-form.js

@@ -2,11 +2,16 @@
 //
 // SPDX-License-Identifier: AGPL-3.0-only
 
+import { converseLocalizedHelpUrl } from '../../../shared/lib/help'
 import { html } from 'lit'
 import { __ } from 'i18n'
-
 export function tplPollForm (el) {
   const i18nOk = __('Ok')
+  // eslint-disable-next-line no-undef
+  const i18nHelp = __(LOC_online_help)
+  const helpUrl = converseLocalizedHelpUrl({
+    page: 'documentation/user/streamers/polls'
+  })
 
   return html`
     ${el.alert_message ? html`<div class="error">${el.alert_message}</div>` : ''}
@@ -14,7 +19,14 @@ export function tplPollForm (el) {
       el.form_fields
         ? html`
           <form class="converse-form" @submit=${ev => el.formSubmit(ev)}>
-            <p class="title">${el.title}</p>
+            <p class="title">
+              ${el.title}
+              <a href="${helpUrl}" target="_blank"><converse-icon
+                  class="fa fa-circle-question"
+                  size="1em"
+                  title="${i18nHelp}"
+              ></converse-icon></a>
+            </p>
             <p class="form-help instructions">${el.instructions}</p>
             <div class="form-errors hidden"></div>