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:
parent
f924d38d8c
commit
bd7be38da5
@ -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 {
|
||||||
|
@ -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}}
|
||||||
|
Reference in New Issue
Block a user