Editlink improvement

[github/shaarli/Shaarli.git] / tpl / default / editlink.html

diff --git a/tpl/default/editlink.html b/tpl/default/editlink.html
index a0ea91b20bfbaf5e01dcb28e523c33f0e7e0ab08..95e60cc189e56cac857a6abfd82467312c4297f3 100644 (file)
--- a/tpl/default/editlink.html
+++ b/tpl/default/editlink.html
@@ -9,7 +9,7 @@
   {/if}
   <div id="editlinkform" class="pure-g">
     <div class="pure-u-lg-1-5 pure-u-1-8"></div>
-    <form method="post" name="linkform" class="page-form pure-u-lg-3-5 pure-u-3-4" >
+    <form method="post" name="linkform" class="page-form pure-u-lg-3-5 pure-u-3-4 page-form page-form-light">
       <h2>{'Shaare'|t}</h2>
       <input type="hidden" name="lf_linkdate" value="{$link.linkdate}">
       <div>
@@ -28,7 +28,8 @@
         <label for="lf_description">{'Description'|t}</label>
       </div>
       <div>
-        <textarea name="lf_description" id="lf_description">{$link.description}</textarea>
+        <textarea name="lf_description" id="lf_description" onkeyup="textAreaAdjust(this)"
+        >{$link.description}</textarea>
       </div>
       <div>
         <label for="lf_tags">{'Tags'|t}</label>
@@ -77,6 +78,10 @@
   } else {
     document.linkform.lf_tags.focus();
   }
+
+  function textAreaAdjust(el) {
+      el.style.height = (el.scrollHeight > el.clientHeight) ? (el.scrollHeight)+"px" :  (el.clientHeight-8)+"px";
+  }
 </script>
 </body>
 </html>