quattro: add comment tools icons, fix hide/show comment tools

This commit is contained in:
Fabrixxm 2012-08-10 04:29:22 -04:00
parent 64a6e8693c
commit c4bff3d393
6 changed files with 29 additions and 28 deletions

View file

@ -10,8 +10,8 @@
<div class="comment-edit-photo" id="comment-edit-photo-$id" >
<a class="comment-edit-photo-link" href="$mylink" title="$mytitle"><img class="my-comment-photo" src="$myphoto" alt="$mytitle" title="$mytitle" /></a>
</div>
<div class="comment-edit-photo-end"></div>
<ul class="comment-edit-bb-$id">
<ul id="comment-edit-bb-$id"
class="comment-edit-bb">
<li><a class="editicon boldbb shadow"
style="cursor: pointer;" title="$edbold"
onclick="insertFormatting('$comment','b', $id);"></a></li>
@ -37,8 +37,11 @@
style="cursor: pointer;" title="$edvideo"
onclick="insertFormatting('$comment','video', $id);"></a></li>
</ul>
<div class="comment-edit-bb-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);cmtBbOpen($id);" onBlur="commentClose(this,$id);" >$comment</textarea>
<textarea id="comment-edit-text-$id"
class="comment-edit-text-empty"
name="body"
onFocus="commentOpen(this,$id) && cmtBbOpen($id);"
onBlur="commentClose(this,$id) && cmtBbClose($id);" >$comment</textarea>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>
@ -48,14 +51,12 @@
</select>
{{ endif }}
<div class="comment-edit-text-end"></div>
<div class="comment-edit-submit-wrapper" id="comment-edit-submit-wrapper-$id" style="display: none;" >
<input type="submit" onclick="post_comment($id); return false;" id="comment-edit-submit-$id" class="comment-edit-submit" name="submit" value="$submit" />
<span onclick="preview_comment($id);" id="comment-edit-preview-link-$id" class="fakelink">$preview</span>
<div id="comment-edit-preview-$id" class="comment-edit-preview" style="display:none;"></div>
</div>
<div class="comment-edit-end"></div>
</form>
</div>

View file

@ -2009,25 +2009,23 @@ footer {
opacity: 0.3;
filter: alpha(opacity=30);
}
[class^="comment-edit-bb"] {
.comment-edit-bb {
list-style: none;
display: none;
margin: 0px 0 0px 60px;
margin: 0px;
padding: 0px;
width: 75%;
}
[class^="comment-edit-bb"] > li {
.comment-edit-bb > li {
display: inline-block;
margin: 10px 10px 0 0;
visibility: none;
}
[class^="comment-edit-bb-end"] {
clear: both;
}
.editicon {
display: inline-block;
width: 16px;
height: 16px;
background-image: url(bbedit.png);
background-image: url(icons/bbedit.png);
text-decoration: none;
}
.editicon :hover {

View file

@ -2009,25 +2009,23 @@ footer {
opacity: 0.3;
filter: alpha(opacity=30);
}
[class^="comment-edit-bb"] {
.comment-edit-bb {
list-style: none;
display: none;
margin: 0px 0 0px 60px;
margin: 0px;
padding: 0px;
width: 75%;
}
[class^="comment-edit-bb"] > li {
.comment-edit-bb > li {
display: inline-block;
margin: 10px 10px 0 0;
visibility: none;
}
[class^="comment-edit-bb-end"] {
clear: both;
}
.editicon {
display: inline-block;
width: 16px;
height: 16px;
background-image: url(bbedit.png);
background-image: url(icons/bbedit.png);
text-decoration: none;
}
.editicon :hover {

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

View file

@ -536,6 +536,7 @@ section {
color: @CommentBoxFullColor;
border: 1px solid @CommentBoxFullBorderColor;
}
}
.threaded .wall-item-comment-wrapper { margin-left: 0px; }
@ -1372,25 +1373,24 @@ footer { height: 100px; display: table-row; }
/* edit buttons for comments */
.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
[class^="comment-edit-bb"] {
.comment-edit-bb {
list-style: none;
display: none;
margin: 0px 0 0px 60px;
margin: 0px;
padding: 0px;
width: 75%;
}
[class^="comment-edit-bb"] > li {
.comment-edit-bb > li {
display: inline-block;
margin: 10px 10px 0 0;
visibility: none;
}
[class^="comment-edit-bb-end"] {
clear: both;
}
.editicon {
display: inline-block;
width: 16px;
height: 16px;
background-image: url(bbedit.png);
background-image: url(icons/bbedit.png);
text-decoration: none;
:hover {background-color: #ccc;}
}

View file

@ -2,7 +2,11 @@
{{ else }}
{{if $item.comment_firstcollapsed}}
<div class="hide-comments-outer">
<span id="hide-comments-total-$item.id" class="hide-comments-total">$item.num_comments</span> <span id="hide-comments-$item.id" class="hide-comments fakelink" onclick="showHideComments($item.id);">$item.hide_text</span>
<span id="hide-comments-total-$item.id"
class="hide-comments-total">$item.num_comments</span>
<span id="hide-comments-$item.id"
class="hide-comments fakelink"
onclick="showHideComments($item.id);">$item.hide_text</span>
</div>
<div id="collapsed-comments-$item.id" class="collapsed-comments" style="display: none;">
{{endif}}