From f113984d69ec6d5c16efcc67f43e755821a53a8e Mon Sep 17 00:00:00 2001
From: friendica <info@friendica.com>
Date: Tue, 16 Dec 2014 23:40:52 -0800
Subject: 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.

---
 view/theme/redbasic/css/blockmode.css | 15 +++++++++++++++
 view/theme/redbasic/css/style.css     |  5 +++++
 view/tpl/conv_list.tpl                |  4 ++--
 3 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 view/theme/redbasic/css/blockmode.css

(limited to 'view')

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}}
-- 
cgit v1.2.3