nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve interaction avatar alignment for SPV

Browse source
This commit is contained in:
Steffen van Bergerem 2016-02-23 21:12:03 +01:00
parent 5e02dd0864
commit f9fe64da23
2 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/assets/stylesheets/single-post-view.scss
View file

@ -114,6 +114,7 @@
color: $blue;
}
.count {
float: left;
i {
display: inline-block;
text-align: center;
@ -137,4 +138,9 @@
.comment.new-comment-form-wrapper {
padding: 10px;
}
.count,
.interaction-avatars {
line-height: 25px;
}
}

12
app/assets/templates/single-post-viewer/single-post-interactions_tpl.jst.hbs
View file

@ -1,10 +1,10 @@
{{#if resharesCount}}
<div id='reshares'>
<div id="reshares" class="clearfix">
<span class="count">
<i class="entypo-reshare middle gray"></i>
<span>{{resharesCount}}</span>
</span>
<span>
<span class="interaction-avatars">
{{#each reshares}}
{{#linkToAuthor author}}
{{{personImage this 'small' 'micro'}}}
@ -14,12 +14,12 @@
</div>
{{/if}}
{{#if likesCount}}
<div id='likes'>
<div id="likes" class="clearfix">
<span class="count">
<i class="entypo-heart middle gray"></i>
<span>{{likesCount}}</span>
</span>
<span>
<span class="interaction-avatars">
{{#each likes}}
{{#linkToAuthor author}}
{{{personImage this 'small' 'micro'}}}
@ -29,8 +29,8 @@
</div>
{{/if}}
{{#if commentsCount}}
<div id='comments-meta'>
<span class='count'>
<div id="comments-meta" class="clearfix">
<span class="count">
<i class="entypo-comment middle gray"></i>
<span>{{commentsCount}}</span>
</span>