aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorfriendica <info@friendica.com>2014-12-16 23:40:52 -0800
committerfriendica <info@friendica.com>2014-12-16 23:40:52 -0800
commitf113984d69ec6d5c16efcc67f43e755821a53a8e (patch)
treee4631bf1a7f91bac2fc66ba030b5dfb68ed4baba /view
parent2fcbb9c4b3b4c5c3216b279820ccf7902337ae9c (diff)
downloadvolse-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.
Diffstat (limited to 'view')
-rw-r--r--view/theme/redbasic/css/blockmode.css15
-rw-r--r--view/theme/redbasic/css/style.css5
-rwxr-xr-xview/tpl/conv_list.tpl4
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>&nbsp;{{elseif $item.forged}}<i class="icon-remove item-forged" title="{{$item.forged}}"></i>&nbsp;{{/if}}{{if $item.location}}<span class="wall-item-location" id="wall-item-location-{{$item.id}}">{{$item.location}},&nbsp;</span>{{/if}}<span class="autotime" title="{{$item.isotime}}">{{$item.localtime}}{{if $item.editedtime}}&nbsp;{{$item.editedtime}}{{/if}}{{if $item.expiretime}}&nbsp;{{$item.expiretime}}{{/if}}</span>{{if $item.editedtime}}&nbsp;<i class="icon-pencil"></i>{{/if}}&nbsp;{{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}}