🐛 fix feColorMatrix whitespace

noeldelgado · Mar 1, 2020 · 185a02e · 185a02e
1 parent b41ff05
commit 185a02e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -139,7 +139,7 @@
         <button class="cc-btn" data-js-copy-to-clipboard-btn data-copy="value:[data-js-fecolormatrix-input]" disabled>
           <svg width="16" height="16"><use xlink:href="#svg-file_copy-outlined-24px"></use></svg>
           <span>feColorMatrix’s values</span>
-          <textarea data-js-fecolormatrix-input rows="10" cols="80" style="display: none;"></textarea>
+          <textarea data-js-fecolormatrix-input rows="4" readonly style="display: none;"></textarea>
         </button>
       </div>
     </main>

diff --git a/src/js/lib/components/fe-color-matrix-input.js b/src/js/lib/components/fe-color-matrix-input.js
@@ -35,7 +35,7 @@ export default class FeColorMatrixInput {
      * @return {this}
      */
     setValue([r, g, b, a = 1]) {
-        this.config.el.value = this._getColorMatrixValue(r, g, b, a);
+        this.config.el.value = this._getColorMatrixValue(r, g, b, a).replace(/$\s+/gm, '\n');
         return this;
     }
 
@@ -50,8 +50,8 @@ export default class FeColorMatrixInput {
      */
     _getColorMatrixValue(...channels) {
         return `${internals.formatDecimals(channels[0])}\t0\t0\t0\t0
-            \n0\t${internals.formatDecimals(channels[1])}\t0\t0\t0
-            \n0\t0\t${internals.formatDecimals(channels[2])}\t0\t0
-            \n0\t0\t0\t${internals.formatDecimals(channels[3])}\t0`;
+            0\t${internals.formatDecimals(channels[1])}\t0\t0\t0
+            0\t0\t${internals.formatDecimals(channels[2])}\t0\t0
+            0\t0\t0\t${internals.formatDecimals(channels[3])}\t0`;
     }
 }