add lu-textarea css class

lineupjs · Dec 23, 2018 · 624dc9b · 624dc9b
1 parent ac1f842
commit 624dc9b
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/src/ui/dialogs/MappingDialog.ts b/src/ui/dialogs/MappingDialog.ts
@@ -97,7 +97,7 @@ export default class MappingDialog extends ADialog {
         <strong style="text-align: center; margin-top: 0">Output Normalized Domain (0 - 1)</strong>
         <div class="${cssClass('dialog-mapper-script')}">
           <strong>Custom Normalization Script</strong>
-          <textarea></textarea>
+          <textarea class="${cssClass('textarea')}"></textarea>
         </div>`);
 
     const g = <SVGGElement>node.querySelector(`.${cssClass('dialog-mapper-details')} > g`);

diff --git a/src/ui/dialogs/RenameDialog.ts b/src/ui/dialogs/RenameDialog.ts
@@ -19,7 +19,7 @@ export default class RenameDialog extends ADialog {
     node.classList.add(cssClass('dialog-rename'));
     node.insertAdjacentHTML('beforeend', `
       <input type="text" value="${this.column.label}" required autofocus placeholder="name">
-      <textarea rows="5" placeholder="description">${this.column.description}</textarea>`);
+      <textarea class="${cssClass('textarea')}" rows="5" placeholder="description">${this.column.description}</textarea>`);
   }
 
   protected reset() {

diff --git a/src/ui/dialogs/ScriptEditDialog.ts b/src/ui/dialogs/ScriptEditDialog.ts
@@ -1,5 +1,6 @@
 import ScriptColumn from '../../model/ScriptColumn';
 import ADialog, {IDialogContext} from './ADialog';
+import {cssClass} from '../../styles';
 
 /** @internal */
 export default class ScriptEditDialog extends ADialog {
@@ -13,7 +14,7 @@ export default class ScriptEditDialog extends ADialog {
   }
 
   protected build(node: HTMLElement) {
-    node.insertAdjacentHTML('beforeend', `<textarea autofocus="true" rows="5" autofocus="autofocus" style="width: 95%;">${this.column.getScript()}</textarea>`);
+    node.insertAdjacentHTML('beforeend', `<textarea class="${cssClass('textarea')}" autofocus="true" rows="5" autofocus="autofocus" style="width: 95%;">${this.column.getScript()}</textarea>`);
   }
 
   protected reset() {

diff --git a/src/ui/dialogs/groupString.ts b/src/ui/dialogs/groupString.ts
@@ -16,7 +16,7 @@ export default function append(col: StringColumn, node: HTMLElement, dialog: IDi
       <input type="radio" name="regex" value="regex" id="${dialog.idPrefix}RE" ${isRegex ? 'checked' : ''}>
       <span>RegExp</span>
     </label>
-    <textarea required rows="5" placeholder="e.g. Test,a.*" id="${dialog.idPrefix}T">${current.map((d) => typeof d === 'string' ? d : d.source).join('\n')}</textarea>
+    <textarea class="${cssClass('textarea')}" required rows="5" placeholder="e.g. Test,a.*" id="${dialog.idPrefix}T">${current.map((d) => typeof d === 'string' ? d : d.source).join('\n')}</textarea>
     <button class="${cssClass('dialog-button')}" id="${dialog.idPrefix}A">Apply</button>
   `);