quattro: collaps threaded items
This commit is contained in:
parent
fd7ea5cc91
commit
4062312e9c
|
@ -1143,33 +1143,36 @@ section {
|
|||
height: 25px;
|
||||
}
|
||||
/* threaded comments */
|
||||
.children > .children {
|
||||
.children .children {
|
||||
margin-left: 40px;
|
||||
}
|
||||
.children > .children .wall-item-container {
|
||||
.children .children .wall-item-container {
|
||||
width: 710px;
|
||||
}
|
||||
.children > .children > .children {
|
||||
.children .children .children {
|
||||
margin-left: 40px;
|
||||
}
|
||||
.children > .children > .children .wall-item-container {
|
||||
.children .children .children .wall-item-container {
|
||||
width: 670px;
|
||||
}
|
||||
.children > .children > .children > .children {
|
||||
.children .children .children .children {
|
||||
margin-left: 40px;
|
||||
}
|
||||
.children > .children > .children > .children .wall-item-container {
|
||||
.children .children .children .children .wall-item-container {
|
||||
width: 630px;
|
||||
}
|
||||
.children > .children > .children > .children > .children {
|
||||
.children .children .children .children .children {
|
||||
margin-left: 40px;
|
||||
}
|
||||
.children > .children > .children > .children > .children .wall-item-container {
|
||||
.children .children .children .children .children .wall-item-container {
|
||||
width: 590px;
|
||||
}
|
||||
.children > .children > .children > .children > .children .children {
|
||||
.children .children .children .children .children .children {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.threaded .hide-comments-outer {
|
||||
margin-left: 20px;
|
||||
}
|
||||
span[id^="showmore-teaser"] {
|
||||
background: url("showmore-bg.jpg") no-repeat center bottom;
|
||||
}
|
||||
|
|
|
@ -1143,33 +1143,36 @@ section {
|
|||
height: 25px;
|
||||
}
|
||||
/* threaded comments */
|
||||
.children > .children {
|
||||
.children .children {
|
||||
margin-left: 40px;
|
||||
}
|
||||
.children > .children .wall-item-container {
|
||||
.children .children .wall-item-container {
|
||||
width: 710px;
|
||||
}
|
||||
.children > .children > .children {
|
||||
.children .children .children {
|
||||
margin-left: 40px;
|
||||
}
|
||||
.children > .children > .children .wall-item-container {
|
||||
.children .children .children .wall-item-container {
|
||||
width: 670px;
|
||||
}
|
||||
.children > .children > .children > .children {
|
||||
.children .children .children .children {
|
||||
margin-left: 40px;
|
||||
}
|
||||
.children > .children > .children > .children .wall-item-container {
|
||||
.children .children .children .children .wall-item-container {
|
||||
width: 630px;
|
||||
}
|
||||
.children > .children > .children > .children > .children {
|
||||
.children .children .children .children .children {
|
||||
margin-left: 40px;
|
||||
}
|
||||
.children > .children > .children > .children > .children .wall-item-container {
|
||||
.children .children .children .children .children .wall-item-container {
|
||||
width: 590px;
|
||||
}
|
||||
.children > .children > .children > .children > .children .children {
|
||||
.children .children .children .children .children .children {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.threaded .hide-comments-outer {
|
||||
margin-left: 20px;
|
||||
}
|
||||
span[id^="showmore-teaser"] {
|
||||
background: url("showmore-bg.jpg") no-repeat center bottom;
|
||||
}
|
||||
|
|
|
@ -599,19 +599,19 @@ section {
|
|||
/* threaded comments */
|
||||
.children {
|
||||
|
||||
&> .children {
|
||||
& .children {
|
||||
margin-left: 40px;
|
||||
.wall-item-container { width: 710px; }
|
||||
|
||||
&> .children {
|
||||
& .children {
|
||||
margin-left: 40px;
|
||||
.wall-item-container { width: 670px; }
|
||||
|
||||
&> .children {
|
||||
& .children {
|
||||
margin-left: 40px;
|
||||
.wall-item-container { width: 630px; }
|
||||
|
||||
&> .children {
|
||||
& .children {
|
||||
margin-left: 40px;
|
||||
.wall-item-container { width: 590px; }
|
||||
|
||||
|
@ -623,6 +623,7 @@ section {
|
|||
}
|
||||
}
|
||||
}
|
||||
.threaded .hide-comments-outer { margin-left: 20px; }
|
||||
|
||||
span[id^="showmore-teaser"]{
|
||||
background: url("showmore-bg.jpg") no-repeat center bottom;
|
||||
|
|
|
@ -1,15 +1,5 @@
|
|||
{{ for $threads as $item }}
|
||||
<div id="tread-wrapper-$item.id" class="tread-wrapper {{ if $item.threaded }}threaded{{ endif }}">
|
||||
{{if $mode == display}}
|
||||
{{ 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>
|
||||
</div>
|
||||
<div id="collapsed-comments-$item.id" class="collapsed-comments" style="display: none;">
|
||||
{{endif}}
|
||||
{{if $item.comment_lastcollapsed}}</div>{{endif}}
|
||||
{{ endif }}
|
||||
|
||||
{{ if $item.type == tag }}
|
||||
{{ inc wall_item_tag.tpl }}{{ endinc }}
|
||||
|
|
|
@ -1,3 +1,13 @@
|
|||
{{if $mode == display}}
|
||||
{{ 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>
|
||||
</div>
|
||||
<div id="collapsed-comments-$item.id" class="collapsed-comments" style="display: none;">
|
||||
{{endif}}
|
||||
{{ endif }}
|
||||
|
||||
|
||||
<div class="wall-item-decor">
|
||||
<span class="icon s22 star $item.isstarred" id="starred-$item.id" title="$item.star.starred">$item.star.starred</span>
|
||||
|
@ -105,6 +115,11 @@
|
|||
</div>
|
||||
{{ endfor }}
|
||||
|
||||
{{if $mode == display}}
|
||||
{{ else }}
|
||||
{{if $item.comment_lastcollapsed}}</div>{{endif}}
|
||||
{{ endif }}
|
||||
|
||||
{{ if $item.flatten }}
|
||||
<div class="wall-item-comment-wrapper" >
|
||||
$item.comment
|
||||
|
|
|
@ -1,3 +1,13 @@
|
|||
{{if $mode == display}}
|
||||
{{ 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>
|
||||
</div>
|
||||
<div id="collapsed-comments-$item.id" class="collapsed-comments" style="display: none;">
|
||||
{{endif}}
|
||||
{{ endif }}
|
||||
|
||||
<div class="wall-item-decor">
|
||||
<span class="icon s22 star $item.isstarred" id="starred-$item.id" title="$item.star.starred">$item.star.starred</span>
|
||||
{{ if $item.lock }}<span class="icon s22 lock fakelink" onclick="lockview(event,$item.id);" title="$item.lock">$item.lock</span>{{ endif }}
|
||||
|
@ -112,6 +122,11 @@
|
|||
</div>
|
||||
{{ endfor }}
|
||||
|
||||
{{if $mode == display}}
|
||||
{{ else }}
|
||||
{{if $item.comment_lastcollapsed}}</div>{{endif}}
|
||||
{{ endif }}
|
||||
|
||||
{{ if $item.flatten }}
|
||||
<div class="wall-item-comment-wrapper" >
|
||||
$item.comment
|
||||
|
|
Loading…
Reference in New Issue
Block a user