Improve admin css help
authorChocobozzz <me@florianbigard.com>
Wed, 4 Apr 2018 07:39:19 +0000 (09:39 +0200)
committerChocobozzz <me@florianbigard.com>
Wed, 4 Apr 2018 07:39:19 +0000 (09:39 +0200)
client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html

index 4a5ffb37cdb27e35703d2a45c824166053c0fa53..714a3af15fa2d6c4adda3d02f13c4bfb8d23b7dc 100644 (file)
 
   <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'] }"
 
   <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'] }"