X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fmisc%2Fhelp.component.html;h=e31eef06a69204975519ca539921466df47f42fa;hb=8dfceec44a5eec8b0190d1d5076aab0f03a0cb52;hp=956095996c13a918f547a73ae329fcf14fc7a395;hpb=8a8e02a43e346b9b777c8192a7c5cbdccb928b11;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/shared/misc/help.component.html b/client/src/app/shared/misc/help.component.html
index 956095996..e31eef06a 100644
--- a/client/src/app/shared/misc/help.component.html
+++ b/client/src/app/shared/misc/help.component.html
@@ -12,4 +12,19 @@
   </ng-template>
 </ng-template>
 
-<button class="help-tooltip-button" containerClass="help-tooltip" [tooltipHtml]="tooltipTemplate" triggers="focus"></button>
+<span
+  role="button"
+  class="help-tooltip-button"
+  container="body"
+  title="Get help"
+  i18n-title
+  popoverClass="help-popover"
+  [attr.aria-pressed]="isPopoverOpened"
+  [ngbPopover]="tooltipTemplate"
+  [placement]="tooltipPlacement"
+  autoClose="outside"
+  (onHidden)="onPopoverHidden()"
+  (onShown)="onPopoverShown()"
+>
+  <my-global-icon iconName="help"></my-global-icon>
+</span>