added a new partial posts_list.tpl like topics_list.tpl
removed dupe template code and cssmain
parent
f8b300eae9
commit
4335e9a7da
@ -0,0 +1,31 @@
|
|||||||
|
.posts-list {
|
||||||
|
list-style-type: none;
|
||||||
|
padding-left: 0px;
|
||||||
|
.posts-list-item {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
|
||||||
|
.user-img {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
float: left;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
span {
|
||||||
|
overflow: hidden;
|
||||||
|
height: 16px;
|
||||||
|
padding-left: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
max-height: 250px;
|
||||||
|
position: relative;
|
||||||
|
clear: left;
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,33 @@
|
|||||||
|
<ul component="posts" class="posts-list" data-nextstart="{nextStart}">
|
||||||
|
|
||||||
|
<!-- BEGIN posts -->
|
||||||
|
<li component="post" class="posts-list-item" data-pid="{posts.pid}" data-uid="{posts.uid}">
|
||||||
|
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-body">
|
||||||
|
<a href="{relative_path}/user/{posts.user.userslug}">
|
||||||
|
<img title="{posts.user.username}" class="img-rounded user-img" src="{posts.user.picture}">
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="{relative_path}/user/{posts.user.userslug}">
|
||||||
|
<strong><span>{posts.user.username}</span></strong>
|
||||||
|
</a>
|
||||||
|
<div component="post/content" class="content">
|
||||||
|
<p>{posts.content}</p>
|
||||||
|
<p class="fade-out"></p>
|
||||||
|
</div>
|
||||||
|
<small>
|
||||||
|
<span class="pull-right">
|
||||||
|
[[global:posted_in_ago, <a href="{relative_path}/category/{posts.category.slug}"><i class="fa {posts.category.icon}"></i> {posts.category.name}</a>, <span class="timeago" title="{posts.relativeTime}"></span>]] •
|
||||||
|
<a href="{relative_path}/topic/{posts.topic.slug}/{posts.index}">[[global:read_more]]</a>
|
||||||
|
</span>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<!-- END posts -->
|
||||||
|
</ul>
|
||||||
|
<div component="posts/loading" class="loading-indicator text-center hidden">
|
||||||
|
<i class="fa fa-refresh fa-spin"></i>
|
||||||
|
</div>
|
Loading…
Reference in New Issue