Mercurial > kallithea

changeset 8710:77f13ea8ad3b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
style: mark failed comment submissions with red panel heading Make it more obvious to the user that a comment submission failed: mark the panel of the failed comment as "panel-danger" so the color of the comment panel heading changes to red. Previously, only the user and comment text would fade a bit.
author Thomas De Schampheleire <thomas.de.schampheleire@gmail.com>
date Wed, 25 Oct 2017 09:10:30 +0200
parents 53142fd5af4e
children 410934dd09f4
files kallithea/front-end/style.less kallithea/public/js/base.js
diffstat 2 files changed, 2 insertions(+), 6 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/front-end/style.less	Mon Oct 19 12:47:50 2020 +0200
+++ b/kallithea/front-end/style.less	Wed Oct 25 09:10:30 2017 +0200
@@ -564,10 +564,6 @@
     background-position: 20px 0;
   }
 }
-.comment-preview.failed .user,
-.comment-preview.failed .panel-body {
-  color: #666;
-}
 .comment-preview .comment-submission-status {
   float: right;
 }
--- a/kallithea/public/js/base.js	Mon Oct 19 12:47:50 2020 +0200
+++ b/kallithea/public/js/base.js	Wed Oct 25 09:10:30 2017 +0200
@@ -667,7 +667,7 @@
             }
         }
         function failure(x, s, e) {
-            $preview.removeClass('submitting').addClass('failed');
+            $preview.removeClass('submitting').children('.panel').addClass('panel-danger');
             var $status = $preview.find('.comment-submission-status');
             $('<span>', {
                 'title': e,
@@ -681,7 +681,7 @@
                     text: _TM['Retry']
                 }).click(function() {
                     $status.text(_TM['Submitting ...']);
-                    $preview.addClass('submitting').removeClass('failed');
+                    $preview.addClass('submitting').children('.panel').removeClass('panel-danger');
                     ajaxPOST(AJAX_COMMENT_URL, postData, success, failure);
                 }),
                 $('<button>', {