Better placement for help tooltip

diff --git a/client/src/app/shared/forms/peertube-checkbox.component.ts b/client/src/app/shared/forms/peertube-checkbox.component.ts
index 0303b7e2a4c4540b8b1f8326ffefe41931334773..cb7ec8eda62eadf8e75b6e332e5d759ab9dd9a17 100644 (file)
--- a/client/src/app/shared/forms/peertube-checkbox.component.ts
+++ b/client/src/app/shared/forms/peertube-checkbox.component.ts
@@ -19,7 +19,7 @@ export class PeertubeCheckboxComponent implements ControlValueAccessor, AfterCon
   @Input() inputName: string
   @Input() labelText: string
   @Input() labelInnerHTML: string
-  @Input() helpPlacement = 'top'
+  @Input() helpPlacement = 'top auto'
   @Input() disabled = false
 
   @ContentChildren(PeerTubeTemplateDirective) templates: QueryList<PeerTubeTemplateDirective<'label' | 'help'>>

diff --git a/client/src/app/shared/misc/help.component.ts b/client/src/app/shared/misc/help.component.ts
index 18ba8ad5e943cfbd2ef947a1940cc55c547c7ac6..e8c199e7d162305b4984b86c80bd8fcd1e8e7685 100644 (file)
--- a/client/src/app/shared/misc/help.component.ts
+++ b/client/src/app/shared/misc/help.component.ts
@@ -11,7 +11,7 @@ import { PeerTubeTemplateDirective } from '@app/shared/angular/peertube-template
 
 export class HelpComponent implements OnInit, OnChanges, AfterContentInit {
   @Input() helpType: 'custom' | 'markdownText' | 'markdownEnhanced' = 'custom'
-  @Input() tooltipPlacement = 'right'
+  @Input() tooltipPlacement = 'right auto'
 
   @ContentChildren(PeerTubeTemplateDirective) templates: QueryList<PeerTubeTemplateDirective<'preHtml' | 'customHtml' | 'postHtml'>>