Fix inline avatar display for mentions in comments

Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl 2018-07-18 20:28:02 +02:00
parent ad9b458c74
commit 9771b70c8f
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
2 changed files with 26 additions and 3 deletions

View File

@ -155,8 +155,27 @@
cursor: pointer;
}
#commentsTabView .comments li .message .atwho-inserted {
margin-left: 5px;
#commentsTabView .comments li .message .atwho-inserted,
#commentsTabView .newCommentForm .atwho-inserted {
.avatar-name-wrapper {
display: inline;
vertical-align: top;
background-color: var(--color-background-dark);
border-radius: 50vh;
padding: 1px 7px 1px 1px;
.avatar {
img {
vertical-align: top;
}
height: 16px;
width: 16px;
vertical-align: middle;
padding: 1px;
margin-top: -3px;
margin-left: 0;
margin-right: 2px;
}
}
}
.atwho-view-ul * .avatar-name-wrapper {

View File

@ -383,7 +383,11 @@
_postRenderItem: function($el, editionMode) {
$el.find('.has-tooltip').tooltip();
$el.find('.avatar').each(function() {
$el.find('.avatar').each(function () {
var $this = $(this);
$this.avatar($this.attr('data-username'), 16);
});
$el.find('.authorRow .avatar').each(function () {
var $this = $(this);
$this.avatar($this.attr('data-username'), 32);
});