From 6e9c0b908513dd8e268f20875c5e5359fe9cbc35 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Fri, 24 Nov 2017 13:34:14 +0100 Subject: [PATCH] Show submit working icon at the same position as the submit confirm icon MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The submit confirm icon is shown as the background image of an absolutely positioned input element, so the CSS rules for the submit working icon were modified to match those of the submit confirm icon. Signed-off-by: Daniel Calviño Sánchez --- apps/comments/css/comments.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/apps/comments/css/comments.css b/apps/comments/css/comments.css index 6b0452da1fd..428dc778a65 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 {