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; margin-top: 15px;
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
font-size: 10px; font-size: 10px;
line-height: 18px;
padding: 5px; padding: 5px;
padding-left: 10px; padding-left: 10px;
} }
.post-content { .post-content {
min-height: 50px; min-height: 50px;
padding: 2px 5px 0 5px; padding: 2px 5px 0 5px;
word-wrap: break-word;
} }
.post-block { .post-block {

@ -8,19 +8,19 @@
<ul id="post-container" class="post-container container"> <ul id="post-container" class="post-container container">
<!-- BEGIN posts --> <!-- BEGIN posts -->
<li class="row"> <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>--> <!--<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> <i class="icon-star"></i><span id="user_rep_{posts.uid}">{posts.user_rep}</span>
</div> </div>
<div class="span11"> <div class="span11">
<div class="post-block"> <div class="post-block">
<div id="content_{posts.pid}" class="post-content">{posts.content}</div> <div id="content_{posts.pid}" class="post-content">{posts.content}</div>
<div class="profile-block"> <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"> <span class="post-buttons">
<div id="quote_{posts.pid}" class="quote"><i class="icon-quote-left"></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"><span id="post_rep_{posts.pid}">{posts.post_rep}</span><i class="{posts.fav_star_class}"></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> <div class="post_reply">Reply <i class="icon-reply"></i></div>
</span> </span>
</div> </div>

@ -48,7 +48,7 @@ var RDB = require('./redis.js'),
post_rep = replies[3]; post_rep = replies[3];
user.get_user_postdetails(uid, function(user_details) { 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 posts = [];
var callbacks = content.length; var callbacks = content.length;

Loading…
Cancel
Save