From: Chocobozzz <me@florianbigard.com>
Date: Wed, 4 Apr 2018 07:39:19 +0000 (+0200)
Subject: Improve admin css help
X-Git-Tag: v1.0.0-beta.4~86
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=317ebb939e78af5865f032d3b09289d23b82ce12;p=oweals%2Fpeertube.git

Improve admin css help
---

diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html
index 4a5ffb37c..714a3af15 100644
--- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html
+++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html
@@ -163,7 +163,7 @@
 
   <div class="form-group">
     <label for="customizationJavascript">JavaScript</label>
-    <my-help helpType="custom" customHtml="Write directly JavaScript code.<br />Example: console.log('my instance is amazing');"></my-help>
+    <my-help helpType="custom" customHtml="Write directly JavaScript code.<br />Example: <pre>console.log('my instance is amazing');</pre>"></my-help>
     <textarea
         id="customizationJavascript" formControlName="customizationJavascript"
         [ngClass]="{ 'input-error': formErrors['customizationJavascript'] }"
@@ -175,7 +175,24 @@
 
   <div class="form-group">
     <label for="customizationCSS">CSS</label>
-    <my-help helpType="custom" customHtml="Write directly CSS code.<br />Example: body { background-color: red; }"></my-help>
+    <my-help
+        helpType="custom"
+        customHtml="
+          Write directly CSS code. Example:<br />
+          <pre>
+body {
+  background-color: red;
+}
+          </pre>
+
+          Prepend with <em>#custom-css</em> to override styles. Example:
+          <pre>
+#custom-css .logged-in-email {
+  color: red;
+}
+          </pre>
+        "
+    ></my-help>
     <textarea
         id="customizationCSS" formControlName="customizationCSS"
         [ngClass]="{ 'input-error': formErrors['customizationCSS'] }"