improve scannability of content with per-item bottom border, but lighten the per-item borders considerably so it isn't in your face. This is an experiment based on sound principles, but I'm not a UI expert. If this uglifies it too much - please revert.

This commit is contained in:
friendica 2014-03-25 21:13:04 -07:00
parent f924d38d8c
commit bd7be38da5
2 changed files with 10 additions and 2 deletions

View File

@ -1929,7 +1929,6 @@ img.mail-list-sender-photo {
.thread-wrapper .wall-item-comment-wrapper, .thread-wrapper .wall-item-comment-wrapper,
.wall-item-content-wrapper.comment { .wall-item-content-wrapper.comment {
margin-left: $comment_indent; margin-left: $comment_indent;
border-left: 2px solid #eee;
} }
.thread-wrapper.toplevel_item { .thread-wrapper.toplevel_item {
@ -1940,6 +1939,14 @@ img.mail-list-sender-photo {
border-radius: $radiuspx; border-radius: $radiuspx;
background-color: $item_colour; background-color: $item_colour;
opacity: $item_opacity; opacity: $item_opacity;
border-left: 2px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
}
.wall-item-comment-wrapper {
margin-top: 10px;
border-left: 2px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
} }
.wallwall .wwto { .wallwall .wwto {

View File

@ -109,10 +109,11 @@
{{/foreach}} {{/foreach}}
{{/if}} {{/if}}
{{if $item.comment}}
<div class="wall-item-comment-wrapper" > <div class="wall-item-comment-wrapper" >
{{$item.comment}} {{$item.comment}}
</div> </div>
{{/if}}
</div> </div>
{{if $item.comment_lastcollapsed}}</div>{{/if}} {{if $item.comment_lastcollapsed}}</div>{{/if}}