bitPickups/friendica_2020-09-1_sharedHosting
1
0
Fork 0
Code Pull requests Activity

quattro: collaps threaded items

Browse source
This commit is contained in:
Fabrixxm 2012-08-06 04:47:35 -04:00
parent fd7ea5cc91
commit 4062312e9c
6 changed files with 60 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
view/theme/quattro/dark/style.css
View file

@ -1143,33 +1143,36 @@ section {
height: 25px; height: 25px;
} }
/* threaded comments */ /* threaded comments */
.children > .children { .children .children {
margin-left: 40px; margin-left: 40px;
} }
.children > .children .wall-item-container { .children .children .wall-item-container {
width: 710px; width: 710px;
} }
.children > .children > .children { .children .children .children {
margin-left: 40px; margin-left: 40px;
} }
.children > .children > .children .wall-item-container { .children .children .children .wall-item-container {
width: 670px; width: 670px;
} }
.children > .children > .children > .children { .children .children .children .children {
margin-left: 40px; margin-left: 40px;
} }
.children > .children > .children > .children .wall-item-container { .children .children .children .children .wall-item-container {
width: 630px; width: 630px;
} }
.children > .children > .children > .children > .children { .children .children .children .children .children {
margin-left: 40px; margin-left: 40px;
} }
.children > .children > .children > .children > .children .wall-item-container { .children .children .children .children .children .wall-item-container {
width: 590px; width: 590px;
} }
.children > .children > .children > .children > .children .children { .children .children .children .children .children .children {
margin-left: 0px; margin-left: 0px;
} }
.threaded .hide-comments-outer {
margin-left: 20px;
}
span[id^="showmore-teaser"] { span[id^="showmore-teaser"] {
background: url("showmore-bg.jpg") no-repeat center bottom; background: url("showmore-bg.jpg") no-repeat center bottom;
} }

21
view/theme/quattro/green/style.css
View file

@ -1143,33 +1143,36 @@ section {
height: 25px; height: 25px;
} }
/* threaded comments */ /* threaded comments */
.children > .children { .children .children {
margin-left: 40px; margin-left: 40px;
} }
.children > .children .wall-item-container { .children .children .wall-item-container {
width: 710px; width: 710px;
} }
.children > .children > .children { .children .children .children {
margin-left: 40px; margin-left: 40px;
} }
.children > .children > .children .wall-item-container { .children .children .children .wall-item-container {
width: 670px; width: 670px;
} }
.children > .children > .children > .children { .children .children .children .children {
margin-left: 40px; margin-left: 40px;
} }
.children > .children > .children > .children .wall-item-container { .children .children .children .children .wall-item-container {
width: 630px; width: 630px;
} }
.children > .children > .children > .children > .children { .children .children .children .children .children {
margin-left: 40px; margin-left: 40px;
} }
.children > .children > .children > .children > .children .wall-item-container { .children .children .children .children .children .wall-item-container {
width: 590px; width: 590px;
} }
.children > .children > .children > .children > .children .children { .children .children .children .children .children .children {
margin-left: 0px; margin-left: 0px;
} }
.threaded .hide-comments-outer {
margin-left: 20px;
}
span[id^="showmore-teaser"] { span[id^="showmore-teaser"] {
background: url("showmore-bg.jpg") no-repeat center bottom; background: url("showmore-bg.jpg") no-repeat center bottom;
} }

9
view/theme/quattro/quattro.less
View file

@ -599,19 +599,19 @@ section {
/* threaded comments */ /* threaded comments */
.children { .children {
&> .children { & .children {
margin-left: 40px; margin-left: 40px;
.wall-item-container { width: 710px; } .wall-item-container { width: 710px; }
&> .children { & .children {
margin-left: 40px; margin-left: 40px;
.wall-item-container { width: 670px; } .wall-item-container { width: 670px; }
&> .children { & .children {
margin-left: 40px; margin-left: 40px;
.wall-item-container { width: 630px; } .wall-item-container { width: 630px; }
&> .children { & .children {
margin-left: 40px; margin-left: 40px;
.wall-item-container { width: 590px; } .wall-item-container { width: 590px; }
@ -623,6 +623,7 @@ section {
} }
} }
} }
.threaded .hide-comments-outer { margin-left: 20px; }
span[id^="showmore-teaser"]{ span[id^="showmore-teaser"]{
background: url("showmore-bg.jpg") no-repeat center bottom; background: url("showmore-bg.jpg") no-repeat center bottom;

12
view/theme/quattro/threaded_conversation.tpl
View file

@ -1,16 +1,6 @@
{{ for $threads as $item }} {{ for $threads as $item }}
<div id="tread-wrapper-$item.id" class="tread-wrapper {{ if $item.threaded }}threaded{{ endif }}"> <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 }} {{ if $item.type == tag }}
{{ inc wall_item_tag.tpl }}{{ endinc }} {{ inc wall_item_tag.tpl }}{{ endinc }}
{{ else }} {{ else }}

15
view/theme/quattro/wall_thread.tpl
View file

@ -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"> <div class="wall-item-decor">
<span class="icon s22 star $item.isstarred" id="starred-$item.id" title="$item.star.starred">$item.star.starred</span> <span class="icon s22 star $item.isstarred" id="starred-$item.id" title="$item.star.starred">$item.star.starred</span>
@ -105,6 +115,11 @@
</div> </div>
{{ endfor }} {{ endfor }}
{{if $mode == display}}
{{ else }}
{{if $item.comment_lastcollapsed}}</div>{{endif}}
{{ endif }}
{{ if $item.flatten }} {{ if $item.flatten }}
<div class="wall-item-comment-wrapper" > <div class="wall-item-comment-wrapper" >
$item.comment $item.comment

15
view/theme/quattro/wallwall_thread.tpl
View file

@ -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"> <div class="wall-item-decor">
<span class="icon s22 star $item.isstarred" id="starred-$item.id" title="$item.star.starred">$item.star.starred</span> <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 }} {{ 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> </div>
{{ endfor }} {{ endfor }}
{{if $mode == display}}
{{ else }}
{{if $item.comment_lastcollapsed}}</div>{{endif}}
{{ endif }}
{{ if $item.flatten }} {{ if $item.flatten }}
<div class="wall-item-comment-wrapper" > <div class="wall-item-comment-wrapper" >
$item.comment $item.comment