From 9771b70c8fdd31d0f54d7515f64b832b8836c57e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Wed, 18 Jul 2018 20:28:02 +0200 Subject: [PATCH] Fix inline avatar display for mentions in comments MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- apps/comments/css/comments.scss | 23 +++++++++++++++++++++-- apps/comments/js/commentstabview.js | Bin 23533 -> 23670 bytes 2 files changed, 21 insertions(+), 2 deletions(-) diff --git a/apps/comments/css/comments.scss b/apps/comments/css/comments.scss index ae1f6d7172..ffb6f04f53 100644 --- a/apps/comments/css/comments.scss +++ b/apps/comments/css/comments.scss @@ -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 { diff --git a/apps/comments/js/commentstabview.js b/apps/comments/js/commentstabview.js index 9477cb0c3011ead3e2874295daac09dc4ea7fc94..fc074b709ad59934296e749f52057d5225051e31 100644 GIT binary patch delta 67 zcmaF6o$=ca#tqsAlbwB)C;J*`sTi7RT61x7a@Im9mDC))w9LE|4RyW5(vpn)qM-b8 Rg~<<0#6cQ1`x-3J1^~=<6(s-w delta 25 hcmeyigYoTl#tqsAlN(HVC*SfFo$P0zwaKtd8vvD$3PS(@