Stopped horizontal resize for textboxes

LHousehold · Sep 9, 2015 · eabfe6e · eabfe6e
1 parent 92f82bc
commit eabfe6e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -23,7 +23,7 @@ <h1 title="You're welcome">Central Email Builder</h1>
                 </div>
                 <div class="eleven columns textblock_div">
                     <input type="button" value="-" class="remove_textblock_button" onclick="remove_textblock()" title="Remove paragraph"/>
-                    <textarea class="u-full-width textblock" placeholder="Paragraph"></textarea>
+                    <textarea class="u-max-full-width u-full-width textblock" placeholder="Paragraph" title="Drag bottom right corner for resize"></textarea>
                 </div>
             </div>
             <div class="row textblock_row">
@@ -34,7 +34,7 @@ <h1 title="You're welcome">Central Email Builder</h1>
                 </div>
                 <div class="eleven columns textblock_div">
                     <input type="button" value="-" class="remove_textblock_button" onclick="remove_textblock()" title="Remove paragraph"/>
-                    <textarea class="u-full-width textblock" placeholder="Paragraph"></textarea>
+                    <textarea class="u-max-full-width u-full-width textblock" placeholder="Paragraph" title="Drag bottom right corner for resize"></textarea>
                 </div>
             </div>
             <div class="row textblock_row">
@@ -45,7 +45,7 @@ <h1 title="You're welcome">Central Email Builder</h1>
                 </div>
                 <div class="eleven columns textblock_div">
                     <input type="button" value="-" class="remove_textblock_button" onclick="remove_textblock()" title="Remove paragraph"/>
-                    <textarea class="u-full-width textblock" placeholder="Paragraph"></textarea>
+                    <textarea class="u-max-full-width u-full-width textblock" placeholder="Paragraph" title="Drag bottom right corner for resize"></textarea>
                 </div>
             </div>
             <div id="new_textblock"></div>

diff --git a/script.js b/script.js
@@ -3,7 +3,7 @@ function add_textblock() {
 
     new_textblock = '<div class="row textblock_row"><div class="one column"><div class="checkbox_div" title="Uncheck to not include in email"><input type="checkbox" class="checkbox" checked="true"/>' +
         '</div></div><div class="eleven columns textblock_div"><input type="button" value="-" class="remove_textblock_button" onclick="remove_textblock()" title="Remove paragraph"/>' +
-        '<textarea class="u-full-width textblock" placeholder="Paragraph"></textarea></div></div><div id="new_textblock"></div>';
+        '<textarea class="u-max-full-width u-full-width textblock" placeholder="Paragraph" title="Drag bottom right corner for resize"></textarea></div></div><div id="new_textblock"></div>';
 
     placeholder.outerHTML = new_textblock;
 }