diff --git a/Changelog.md b/Changelog.md index d043985eba5f63246f7931ddb0cb3a78422c3d85..11d991884c994d93cd204b98b91db657b8cde398 100644 --- a/Changelog.md +++ b/Changelog.md @@ -26,6 +26,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) diff --git a/app/assets/stylesheets/single-post-view.scss b/app/assets/stylesheets/single-post-view.scss index e0cb2894e21c94c620bc770219ebec2cbd33b43a..9aee28749d37f361366b9c8ae5ab95fb15c2beed 100644 --- a/app/assets/stylesheets/single-post-view.scss +++ b/app/assets/stylesheets/single-post-view.scss @@ -147,4 +147,8 @@ .interaction-avatars { line-height: 25px; } + + .interaction-avatars { + overflow: hidden; + } } diff --git a/app/assets/templates/single-post-viewer/single-post-interactions_tpl.jst.hbs b/app/assets/templates/single-post-viewer/single-post-interactions_tpl.jst.hbs index a8acd4b38399ccafb4b8a09a028a5ed26363c54a..0e9fa60a8fb249afe1df774948416e44af3732ed 100644 --- a/app/assets/templates/single-post-viewer/single-post-interactions_tpl.jst.hbs +++ b/app/assets/templates/single-post-viewer/single-post-interactions_tpl.jst.hbs @@ -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">