diff options
Diffstat (limited to 'apps')
-rw-r--r-- | apps/comments/css/comments.css | 17 | ||||
-rw-r--r-- | apps/comments/js/commentstabview.js | 3 |
2 files changed, 18 insertions, 2 deletions
diff --git a/apps/comments/css/comments.css b/apps/comments/css/comments.css index 89b3bc37d50..ccfad1d39f1 100644 --- a/apps/comments/css/comments.css +++ b/apps/comments/css/comments.css @@ -42,6 +42,20 @@ #commentsTabView .newCommentForm .submitLoading { background-position: left; + + /* Match rules for '#commentsTabView .newCommentForm .submit' to place the + loading icon at the same position as the confirm icon */ + position: absolute; + bottom: 0px; + right: 8px; + width: 30px; + margin: 0; + padding: 7px 9px; + + /* Match rules for 'input[type="submit"]' to place the loading icon at the + same position as the confirm icon */ + min-height: 34px; + box-sizing: border-box; } #commentsTabView .newCommentForm .cancel { @@ -168,7 +182,8 @@ opacity: 1; } -#commentsTabView .comment .action.delete { +#commentsTabView .comment .action.delete, +#commentsTabView .comment .deleteLoading { position: absolute; right: 0; } diff --git a/apps/comments/js/commentstabview.js b/apps/comments/js/commentstabview.js index 0d2d0b0b81f..d64b70494fd 100644 --- a/apps/comments/js/commentstabview.js +++ b/apps/comments/js/commentstabview.js @@ -27,6 +27,7 @@ ' <div class="author">{{actorDisplayName}}</div>' + '{{#if isEditMode}}' + ' <a href="#" class="action delete icon icon-delete has-tooltip" title="{{deleteTooltip}}"></a>' + + ' <div class="deleteLoading icon-loading-small hidden"></div>'+ '{{/if}}' + ' </div>' + ' <form class="newCommentForm">' + @@ -543,7 +544,7 @@ ev.preventDefault(); var $comment = $(ev.target).closest('.comment'); var commentId = $comment.data('id'); - var $loading = $comment.find('.submitLoading'); + var $loading = $comment.find('.deleteLoading'); var $commentField = $comment.find('.message'); var $submit = $comment.find('.submit'); var $cancel = $comment.find('.cancel'); |