Prevent overflow of interaction avatars in the single post view

closes #7070
This commit is contained in:
Steffen van Bergerem 2016-09-06 12:33:23 +02:00 committed by Benjamin Neff
parent 521468986f
commit 16af93f8a2
3 changed files with 15 additions and 10 deletions

View file

@ -18,6 +18,7 @@
* Fix tags URLs in hovercards [#7075](https://github.com/diaspora/diaspora/pull/7075)
* Fix 500 in html requests for post interactions [#7085](https://github.com/diaspora/diaspora/pull/7085)
* Remove whitespaces next to like link in stream [#7088](https://github.com/diaspora/diaspora/pull/7088)
* Prevent overflow of interaction avatars in the single post view [#7070](https://github.com/diaspora/diaspora/pull/7070)
## Features
* Deleted comments will be removed when loading more comments [#7045](https://github.com/diaspora/diaspora/pull/7045)

View file

@ -147,4 +147,8 @@
.interaction-avatars {
line-height: 25px;
}
.interaction-avatars {
overflow: hidden;
}
}

View file

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