diff options
| author | friendica <info@friendica.com> | 2014-03-25 21:13:04 -0700 |
|---|---|---|
| committer | friendica <info@friendica.com> | 2014-03-25 21:13:04 -0700 |
| commit | bd7be38da5fea67d2302693e28a4c070cdad8f4b (patch) | |
| tree | c9fd68c322f031f217aa2734ce3e702332b40687 | |
| parent | f924d38d8c2b79e4bfe8df438894ff1ad636e411 (diff) | |
| download | volse-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.
| -rw-r--r-- | view/theme/redbasic/css/style.css | 9 | ||||
| -rwxr-xr-x | view/tpl/conv_item.tpl | 3 |
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}} |