SPV small improvements

This commit is contained in:
Steffen van Bergerem 2014-01-30 16:10:14 +01:00
parent c9cd5460ac
commit 318d190404
3 changed files with 85 additions and 43 deletions

View file

@ -4,32 +4,44 @@
#single-post-content {
#head {
color: #aaaaaa;
padding-bottom: 5px;
border-bottom: 1px solid $border-grey;
#post-info {
.info {
color: $text-grey;
font-size: 12px;
#author {
.img {
max-width: 25%;
.post-time { color: $grey; }
i { margin-right: 5px; }
.status-message-location {
padding-top: 2px;
line-height: 14px;
}
}
.avatar.medium {
max-width: 75px;
}
.avatar {}
.bd {
padding-left: 10px;
.retweet {
i {
margin: 0 3px;
}
.retweet {
color: $grey;
line-height: 14px;
padding-top: 2px;
i {
font-size: 28px;
line-height: 28px;
}
.post-time { display: block; }
.avatar {
height: 28px;
width: 28px;
}
}
}
#single-post-actions {
.buttons {
position: relative;
top: 6px;
clear: right;
}
.public-info > i {
float: left;
margin: 2px 4px 0 0;
}
color: $text-grey;
font-size: 12px;
i { line-height: 50px; }
i.comment:hover {
color: #424242;
}

View file

@ -1,15 +1,4 @@
<div class='pull-right'>
<span class='public-info'>
{{#if public}}
<i class="entypo globe small"> </i>
{{else}}
<i class="entypo lock small"> </i>
{{/if}}
</span>
<span class="post-time">
<time datetime="{{created_at}}" title="{{localTime created_at}}" />
</span>
<div class="buttons pull-right">
<a href="#" rel="auth-required" class="like" title="{{#if userLike}} {{t "viewer.unlike"}} {{else}} {{t "viewer.like"}} {{/if}}">
{{#if userLike}}
<i class="entypo heart red large"></i>

View file

@ -1,30 +1,71 @@
<div id='head' class='row-fluid'>
<div id='author' class='span8'>
<div id='post-info' class='span8'>
<div class="img pull-left">
{{#if root}}
{{{personImage root.author 'medium'}}}
{{else}}
{{{personImage author 'medium'}}}
{{/if}}
</div>
<div class="bd">
{{#linkToPerson author}}
{{name}}
{{/linkToPerson}}
<span class='author'>
{{#if root}}
<span class="retweet">
<i class="icon-retweet"></i>
{{#linkToPerson root.author}}
{{name}}
{{/linkToPerson}}
</span>
{{else}}
{{#linkToPerson author}}
{{name}}
{{/linkToPerson}}
{{/if}}
</span>
<div class='info'>
<span class='post_scope'>
{{#if public}}
<i class="entypo globe small" data-original-title="{{t "stream.public"}}"></i>
{{else}}
<i class="entypo lock small" data-original-title="{{t "stream.limited"}}"></i>
{{/if}}
</span>
<span class="post-time">
{{#if root}}
<time datetime="{{root.created_at}}" title="{{localTime root.created_at}}" />
{{else}}
<time datetime="{{created_at}}" title="{{localTime created_at}}" />
{{/if}}
</span>
{{#if root}}
{{#if root.provider_display_name}}
via {{root.provider_display_name}}
{{/if}}
{{else}}
{{#if provider_display_name}}
via {{provider_display_name}}
{{/if}}
{{/if}}
<div class='status-message-location' />
{{#if root}}
<div class='retweet'>
<i class='entypo retweet small pull-left'></i>
<div class="img pull-left">
{{{personImage author 'small'}}}
</div>
{{#linkToPerson author}}
{{name}}
{{/linkToPerson}}
<span class="post-time">
<time datetime="{{created_at}}" title="{{localTime created_at}}" />
</span>
</div>
{{/if}}
</div>
</div>
</div>
<div id='single-post-actions' class='span4'>
</div>
</div>
<hr />
<div id='body' class='row-fluid'>
<div id='real-post-content' class='span12'>
</div>