new wall's textarea

This commit is contained in:
veselcraft 2020-12-25 17:57:44 -05:00
parent 522c221967
commit c07576188d
3 changed files with 68 additions and 57 deletions

View file

@ -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}

View file

@ -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;
}

View file

@ -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) {