From: Chocobozzz <me@florianbigard.com>
Date: Fri, 9 Apr 2021 12:02:27 +0000 (+0200)
Subject: Fix plugin checkbox placement
X-Git-Tag: v3.2.0-rc.1~288
X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=023edc8a54a58d15f8d4f00d7f76e0074d0d3a81;hp=3c47fa3bc0e3f2362bb17976057287a7e9aba46b;p=github%2FChocobozzz%2FPeerTube.git

Fix plugin checkbox placement
---

diff --git a/client/src/app/shared/shared-forms/dynamic-form-field.component.html b/client/src/app/shared/shared-forms/dynamic-form-field.component.html
index 8e9ef5355..c228069b5 100644
--- a/client/src/app/shared/shared-forms/dynamic-form-field.component.html
+++ b/client/src/app/shared/shared-forms/dynamic-form-field.component.html
@@ -1,5 +1,12 @@
 <div [formGroup]="form">
-  <label *ngIf="setting.label" [attr.for]="setting.name" [innerHTML]="setting.label"></label>
+  <label *ngIf="setting.label && setting.type !== 'input-checkbox'" [attr.for]="setting.name" [innerHTML]="setting.label"></label>
+
+  <my-peertube-checkbox
+    *ngIf="setting.type === 'input-checkbox'"
+    [inputName]="setting.name"
+    [formControlName]="setting.name"
+    [labelInnerHTML]="setting.label"
+  ></my-peertube-checkbox>
 
   <div *ngIf="setting.descriptionHTML" class="label-small-info" [innerHTML]="setting.descriptionHTML"></div>
 
@@ -31,13 +38,6 @@
     [classes]="{ 'input-error': formErrors['settings.name'] }"
   ></my-markdown-textarea>
 
-  <my-peertube-checkbox
-    *ngIf="setting.type === 'input-checkbox'"
-    [inputName]="setting.name"
-    [formControlName]="setting.name"
-    [labelInnerHTML]="setting.label"
-  ></my-peertube-checkbox>
-
   <div *ngIf="setting.type === 'html'" [innerHTML]="setting.html"></div>
 
   <div *ngIf="formErrors[setting.name]" class="form-error">
diff --git a/client/src/app/shared/shared-forms/dynamic-form-field.component.scss b/client/src/app/shared/shared-forms/dynamic-form-field.component.scss
index 89193ed85..45ba28951 100644
--- a/client/src/app/shared/shared-forms/dynamic-form-field.component.scss
+++ b/client/src/app/shared/shared-forms/dynamic-form-field.component.scss
@@ -22,3 +22,7 @@ textarea {
   margin-bottom: 10px;
   font-size: 13px;
 }
+
+my-peertube-checkbox + .label-small-info {
+  margin-top: 5px;
+}