responsive threads - although avatar is *slightly* misaligned on my phone. not sure why

v1.18.x
psychobunny 12 years ago
parent b7782dbf7f
commit ebaa69d987

@ -169,12 +169,14 @@ footer.footer {
margin-top: 15px;
border-radius: 0 0 5px 5px;
font-size: 10px;
line-height: 18px;
padding: 5px;
padding-left: 10px;
}
.post-content {
min-height: 50px;
padding: 2px 5px 0 5px;
word-wrap: break-word;
}
.post-block {

@ -8,19 +8,19 @@
<ul id="post-container" class="post-container container">
<!-- BEGIN posts -->
<li class="row">
<div class="span1 profile-image-block">
<div class="span1 profile-image-block visible-desktop">
<!--<i class="icon-spinner icon-spin icon-2x pull-left"></i>-->
<img src="{posts.gravatar}" align="left" />
<img src="{posts.gravatar}80" align="left" />
<i class="icon-star"></i><span id="user_rep_{posts.uid}">{posts.user_rep}</span>
</div>
<div class="span11">
<div class="post-block">
<div id="content_{posts.pid}" class="post-content">{posts.content}</div>
<div class="profile-block">
posted by <strong>{posts.username}</strong> {posts.relativeTime}
<img class="hidden-desktop" src="{posts.gravatar}10" align="left" /> posted by <strong>{posts.username}</strong> {posts.relativeTime}
<span class="post-buttons">
<div id="quote_{posts.pid}" class="quote"><i class="icon-quote-left"></i></div>
<div id="favs_{posts.pid}_{posts.uid}" class="favourite"><span id="post_rep_{posts.pid}">{posts.post_rep}</span><i class="{posts.fav_star_class}"></i></div>
<div id="quote_{posts.pid}" class="quote hidden-phone"><i class="icon-quote-left"></i></div>
<div id="favs_{posts.pid}_{posts.uid}" class="favourite hidden-phone"><span id="post_rep_{posts.pid}">{posts.post_rep}</span><i class="{posts.fav_star_class}"></i></div>
<div class="post_reply">Reply <i class="icon-reply"></i></div>
</span>
</div>

@ -48,7 +48,7 @@ var RDB = require('./redis.js'),
post_rep = replies[3];
user.get_user_postdetails(uid, function(user_details) {
user.get_gravatars_by_uids(uid, 80, function(gravatars) {
user.get_gravatars_by_uids(uid, '', function(gravatars) {
var posts = [];
var callbacks = content.length;

Loading…
Cancel
Save