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

View file

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

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

View file

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

View file

@ -2,7 +2,11 @@
{{ else }} {{ else }}
{{if $item.comment_firstcollapsed}} {{if $item.comment_firstcollapsed}}
<div class="hide-comments-outer"> <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>
<div id="collapsed-comments-$item.id" class="collapsed-comments" style="display: none;"> <div id="collapsed-comments-$item.id" class="collapsed-comments" style="display: none;">
{{endif}} {{endif}}