new wall's textarea

Web/Presenters/templates/Wall/Wall.xml

@@ -1,21 +1,16 @@
 <div class="content_divider">
     <div class="content_title_expanded" onclick="hidePanel(this, {$count});">
-        {_"wall"}
+        {_"wall"} <nobold>{tr("wall", $count)}</nobold>
     </div>
     <div>
         <div class="content_subtitle">
-            {tr("wall", $count)}
-            
-            <div n:if="$canPost" style="float: right;">
-                <a n:ifset="$thisUser" onclick="show_write_textarea()">{_'write'}</a>
-            </div>
-        </div>
-        <div n:if="$canPost" id="write" style="padding: 8px; display: none;">
+            <div n:if="$canPost" id="write" style="padding: 5px 0;"  onfocusin="expand_wall_textarea();">
                 <form action="/wall{$owner}/makePost" method="post" enctype="multipart/form-data" style="margin:0;">
-                <textarea id="wall-post-input" name="text" style="width: 100%;resize: none;"></textarea>
+                    <textarea id="wall-post-input" placeholder="{_write}" name="text" style="width: 100%;resize: none;" class="small-textarea"></textarea>
                     <div>
                         <!-- padding to fix <br/> bug -->
                     </div>
+                    <div id="post-buttons" style="display: none;">
                         <div class="post-upload">
                             Вложение: <span>(unknown)</span>
                         </div>
@@ -52,8 +47,11 @@
                                 {_attach_photo}
                             </a>
                         </div>
+                    </div>
                 </form>
             </div>
+        </div>
+        
         <div class="content">
             {if sizeof($posts) > 0}
                 {foreach $posts as $post}

Web/static/css/style.css

@@ -29,6 +29,10 @@ span {
     color: gray;
 }
 
+nobold {
+    font-weight: normal;
+}
+
 a {
     text-decoration: none;
     color: #2B587A;
@@ -533,6 +537,14 @@ h4 {
     color: #bcbcbc;
 }
 
+.small-textarea {
+    height: 24px;
+}
+
+.expanded-textarea {
+    min-height: 48px;
+}
+
 ul {
     list-style-type: square;
     color: #a2a2a2;
@@ -938,8 +950,9 @@ textarea {
     font-family: unset;
     border: 1px solid #C0CAD5;
     font-size: 9pt;
-    min-height: 42px;
+    min-height: 24px;
     width: 100%;
+    padding: 4px;
     resize: none;
 }
 

Web/static/js/openvk.cls.js

@@ -1,12 +1,12 @@
 
 
-function show_write_textarea() {
-    var el = document.getElementById('write');
-    if (el.style.display == "none") {
+function expand_wall_textarea() {
+    var el = document.getElementById('post-buttons');
+    var wi = document.getElementById('wall-post-input');
     el.style.display = "block";
-    } else {
-        el.style.display = "none";
-    }
+    wi.className = "expanded-textarea";
+
+
 }
 
 function edit_post(id, wid) {