aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorfriendica <info@friendica.com>2014-03-25 21:13:04 -0700
committerfriendica <info@friendica.com>2014-03-25 21:13:04 -0700
commitbd7be38da5fea67d2302693e28a4c070cdad8f4b (patch)
treec9fd68c322f031f217aa2734ce3e702332b40687 /view
parentf924d38d8c2b79e4bfe8df438894ff1ad636e411 (diff)
downloadvolse-hubzilla-bd7be38da5fea67d2302693e28a4c070cdad8f4b.tar.gz
volse-hubzilla-bd7be38da5fea67d2302693e28a4c070cdad8f4b.tar.bz2
volse-hubzilla-bd7be38da5fea67d2302693e28a4c070cdad8f4b.zip
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.
Diffstat (limited to 'view')
-rw-r--r--view/theme/redbasic/css/style.css9
-rwxr-xr-xview/tpl/conv_item.tpl3
2 files changed, 10 insertions, 2 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index edc8eebbb..25922cb39 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1929,7 +1929,6 @@ img.mail-list-sender-photo {
.thread-wrapper .wall-item-comment-wrapper,
.wall-item-content-wrapper.comment {
margin-left: $comment_indent;
- border-left: 2px solid #eee;
}
.thread-wrapper.toplevel_item {
@@ -1940,6 +1939,14 @@ img.mail-list-sender-photo {
border-radius: $radiuspx;
background-color: $item_colour;
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 {
diff --git a/view/tpl/conv_item.tpl b/view/tpl/conv_item.tpl
index dcf82e765..31e3cad85 100755
--- a/view/tpl/conv_item.tpl
+++ b/view/tpl/conv_item.tpl
@@ -109,10 +109,11 @@
{{/foreach}}
{{/if}}
+{{if $item.comment}}
<div class="wall-item-comment-wrapper" >
{{$item.comment}}
</div>
-
+{{/if}}
</div>
{{if $item.comment_lastcollapsed}}</div>{{/if}}