Vier: Improved threading

This commit is contained in:
Michael Vogel 2015-06-21 20:40:39 +02:00
parent 1cd5a3184d
commit bc42b6440a
2 changed files with 40 additions and 7 deletions

View file

@ -1346,6 +1346,30 @@ section.minimal {
width: calc(100% - 90px); width: calc(100% - 90px);
border-bottom: 1px solid hsl(198, 21%, 79%); border-bottom: 1px solid hsl(198, 21%, 79%);
} }
.wall-item-container.thread_level_2 {
margin-left: 80px;
width: calc(100% - 90px);
}
.wall-item-container.thread_level_3 {
margin-left: 95px;
width: calc(100% - 105px);
}
.wall-item-container.thread_level_4 {
margin-left: 110px;
width: calc(100% - 120px);
}
.wall-item-container.thread_level_5 {
margin-left: 125px;
width: calc(100% - 135px);
}
.wall-item-container.thread_level_6 {
margin-left: 140px;
width: calc(100% - 150px);
}
.wall-item-container.thread_level_7 {
margin-left: 155px;
width: calc(100% - 165px);
}
.wall-item-container.comment .wall-item-content { .wall-item-container.comment .wall-item-content {
max-width: 585px; max-width: 585px;

View file

@ -2,21 +2,26 @@
{{if $mode == display}} {{if $mode == display}}
{{else}} {{else}}
{{if $item.comment_firstcollapsed}} {{if $item.comment_firstcollapsed}}
<div class="hide-comments-outer"> {{if $item.thread_level<3}}
<span id="hide-comments-total-{{$item.id}}" <div class="hide-comments-outer">
class="hide-comments-total">{{$item.num_comments}}</span> <span id="hide-comments-total-{{$item.id}}"
class="hide-comments-total">{{$item.num_comments}}</span>
<span id="hide-comments-{{$item.id}}" <span id="hide-comments-{{$item.id}}"
class="hide-comments fakelink" class="hide-comments fakelink"
onclick="showHideComments({{$item.id}});">{{$item.hide_text}}</span> onclick="showHideComments({{$item.id}});">{{$item.hide_text}}</span>
{{if $item.thread_level==3}} - <!-- {{if $item.thread_level==3}} -
<span id="hide-thread-{{$item}}-id" <span id="hide-thread-{{$item}}-id"
class="fakelink" class="fakelink"
onclick="showThread({{$item.id}});">expand</span> / onclick="showThread({{$item.id}});">expand</span> /
<span id="hide-thread-{{$item}}-id" <span id="hide-thread-{{$item}}-id"
class="fakelink" class="fakelink"
onclick="hideThread({{$item.id}});">collapse</span> thread{{/if}} onclick="hideThread({{$item.id}});">collapse</span> thread{{/if}}
</div> -->
<div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: none;"> </div>
<div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: none;">
{{else}}
<div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: block;">
{{/if}}
{{/if}} {{/if}}
{{/if}} {{/if}}
@ -26,7 +31,11 @@
<img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" /> <img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
</div> </div>
<div class="wall-item-container {{$item.indent}} {{$item.shiny}} {{$item.network}}" id="item-{{$item.guid}}"> {{if $item.thread_level<7}}
<div class="wall-item-container {{$item.indent}} {{$item.shiny}} {{$item.network}} thread_level_{{$item.thread_level}}" id="item-{{$item.guid}}">
{{else}}
<div class="wall-item-container {{$item.indent}} {{$item.shiny}} {{$item.network}} thread_level_7" id="item-{{$item.guid}}">
{{/if}}
<div class="wall-item-item"> <div class="wall-item-item">
<div class="wall-item-info"> <div class="wall-item-info">
<div class="contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}}" <div class="contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}}"