From ac4810186df86d4c864b366773a681fb8d2c5c27 Mon Sep 17 00:00:00 2001
From: Nicolas Maltais <nic.maltais@gmail.com>
Date: Tue, 15 Sep 2020 13:37:54 -0400
Subject: [PATCH] Regex Memo: allow multiline input, fix versioning, fix css
 and class naming

---
 CHANGELOG.md                      | 6 +-----
 package-lock.json                 | 2 +-
 package.json                      | 2 +-
 src/components/StyledTextarea.vue | 9 +++++----
 src/routes/tools/RegexMemo.vue    | 9 ++++++---
 5 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 068fed41..700a86b0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,13 +3,9 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## 1.8.1
+## Next
 - [fix] Fix bugs in Regex Memo textarea
-
-## 1.8.0
 - [feat] [REGEX memo](https://it-tools.tech/regex-memo)
-
-## 1.7.0
 - [feat] [Crontab friendly generator](https://it-tools.tech/crontab-generator)
 
 ## 1.6.0
diff --git a/package-lock.json b/package-lock.json
index 855e5b17..97af79a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "it-tools",
-  "version": "1.8.1",
+  "version": "1.6.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 09c02f13..a9981986 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "it-tools",
   "description": "",
-  "version": "1.8.1",
+  "version": "1.6.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/src/components/StyledTextarea.vue b/src/components/StyledTextarea.vue
index 4618766a..13bfe631 100644
--- a/src/components/StyledTextarea.vue
+++ b/src/components/StyledTextarea.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="StyledTextarea" @input="updateInput(true)" contenteditable></div>
+  <div class="styled-textarea" @input="updateInput(true)" contenteditable></div>
 </template>
 
 <script>
@@ -23,7 +23,6 @@ export default {
 
       if(area.innerText) {
         let pos = this.getPos();
-        console.log(pos);
 
         /* Update innerHTML with formatting */
         let html = this.fn(area.innerText);
@@ -66,12 +65,14 @@ export default {
 </script>
 
 <style lang="less">
-  .StyledTextarea {
-    overflow:scroll;
+  .styled-textarea {
+    overflow:auto;
     height:100px;
     width:100%;
     border:solid;
     border-width:1px;
     resize: vertical;
+    white-space: pre-wrap;
+    display: inline-block;
   }
 </style>
\ No newline at end of file
diff --git a/src/routes/tools/RegexMemo.vue b/src/routes/tools/RegexMemo.vue
index 4b34f407..2d7a2ffc 100644
--- a/src/routes/tools/RegexMemo.vue
+++ b/src/routes/tools/RegexMemo.vue
@@ -1,7 +1,7 @@
 <template>
     <v-row >
       <v-col cols="12" xl="6" lg="6" md="4" sm="12">
-        <v-card class="single-card" id="REGEX_Tester">
+        <v-card class="single-card" id="regex-tester">
             <v-card-title>REGEX Tester</v-card-title>
             <v-card-text>
                 <v-text-field
@@ -16,7 +16,7 @@
         </v-card>
       </v-col>
       <v-col cols="12" xl="6" lg="6" md="8" sm="12">
-        <v-card class="single-card" id="REGEX_Memo">
+        <v-card class="single-card" id="regex-memo">
             <v-card-title>REGEX Memo</v-card-title>
             <table>
               <tr><th>Character Classes</th></tr>
@@ -148,9 +148,12 @@
 </script>
 
 <style lang="less">
+  #regex-memo {
+    padding: 0px 16px 16px 16px;
+  }
   table {
     width: 100%;
-    margin-left: 10%;
+    table-layout: fixed;
   }
   th {
     padding-top: 15px;