From 317ebb939e78af5865f032d3b09289d23b82ce12 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 4 Apr 2018 09:39:19 +0200
Subject: Improve admin css help

---
 .../edit-custom-config.component.html               | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

(limited to 'client/src')

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'] }"
-- 
cgit v1.2.3