diff options
| author | friendica <info@friendica.com> | 2014-12-16 23:40:52 -0800 |
|---|---|---|
| committer | friendica <info@friendica.com> | 2014-12-16 23:40:52 -0800 |
| commit | f113984d69ec6d5c16efcc67f43e755821a53a8e (patch) | |
| tree | e4631bf1a7f91bac2fc66ba030b5dfb68ed4baba | |
| parent | 2fcbb9c4b3b4c5c3216b279820ccf7902337ae9c (diff) | |
| download | volse-hubzilla-f113984d69ec6d5c16efcc67f43e755821a53a8e.tar.gz volse-hubzilla-f113984d69ec6d5c16efcc67f43e755821a53a8e.tar.bz2 volse-hubzilla-f113984d69ec6d5c16efcc67f43e755821a53a8e.zip | |
essentials for creating a "block-style" list-mode page such as one might have for a pinterest-style layout. Just load view/theme/redbasic/css/blockmode.css after redbasic PCSS - you're done. We may need some other indicator besides the number of comments to indicate "click here to see the rest of the article", but we're a bit short on space so maybe a view icon will work.
| -rw-r--r-- | view/theme/redbasic/css/blockmode.css | 15 | ||||
| -rw-r--r-- | view/theme/redbasic/css/style.css | 5 | ||||
| -rwxr-xr-x | view/tpl/conv_list.tpl | 4 |
3 files changed, 22 insertions, 2 deletions
diff --git a/view/theme/redbasic/css/blockmode.css b/view/theme/redbasic/css/blockmode.css new file mode 100644 index 000000000..cc1db209e --- /dev/null +++ b/view/theme/redbasic/css/blockmode.css @@ -0,0 +1,15 @@ + +.wall-item-content.conv-list-mode { + max-width: 280px; + height:200px; + min-height: 200px; + overflow: hidden; +} + +.thread-wrapper.toplevel_item.conv-list-mode { + width: 300px; + height: 300px; + float: left; + margin-left: 5px; + margin-bottom: 35px; +} diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 331eed350..382bed90e 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -838,6 +838,11 @@ footer { margin-bottom: 25px; } + +#conversation-end { + clear: both; +} + #nav-searchbar { float: right; margin-top: 2px; diff --git a/view/tpl/conv_list.tpl b/view/tpl/conv_list.tpl index 121a58514..59bb8f918 100755 --- a/view/tpl/conv_list.tpl +++ b/view/tpl/conv_list.tpl @@ -4,7 +4,7 @@ </div> <div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: none;"> {{/if}} - <div id="thread-wrapper-{{$item.id}}" class="thread-wrapper {{$item.toplevel}}"> + <div id="thread-wrapper-{{$item.id}}" class="thread-wrapper {{$item.toplevel}} conv-list-mode"> <a name="{{$item.id}}" ></a> <div class="wall-item-outside-wrapper {{$item.indent}}{{$item.previewing}}" id="wall-item-outside-wrapper-{{$item.id}}" > <div class="wall-item-content-wrapper {{$item.indent}}" id="wall-item-content-wrapper-{{$item.id}}" style="clear:both;"> @@ -30,7 +30,7 @@ <div class="wall-item-ago" id="wall-item-ago-{{$item.id}}"> {{if $item.verified}}<i class="icon-ok item-verified" title="{{$item.verified}}"></i> {{elseif $item.forged}}<i class="icon-remove item-forged" title="{{$item.forged}}"></i> {{/if}}{{if $item.location}}<span class="wall-item-location" id="wall-item-location-{{$item.id}}">{{$item.location}}, </span>{{/if}}<span class="autotime" title="{{$item.isotime}}">{{$item.localtime}}{{if $item.editedtime}} {{$item.editedtime}}{{/if}}{{if $item.expiretime}} {{$item.expiretime}}{{/if}}</span>{{if $item.editedtime}} <i class="icon-pencil"></i>{{/if}} {{if $item.app}}<span class="item.app">{{$item.str_app}}</span>{{/if}} </div> - <div class="wall-item-content" id="wall-item-content-{{$item.id}}"> + <div class="wall-item-content conv-list-mode" id="wall-item-content-{{$item.id}}"> <div class="wall-item-title-end"></div> <div class="wall-item-body wall-item-listbody" id="wall-item-body-{{$item.id}}" > {{$item.body}} |