Initially hide comment feedback elements using a class

publify · Nov 12, 2023 · e9a4596 · e9a4596
1 parent e92f16a
commit e9a4596
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/app/assets/stylesheets/publify.css.scss b/app/assets/stylesheets/publify.css.scss
@@ -32,3 +32,7 @@
 .tag-sidebar-tag-cloud {
   overflow: hidden;
 }
+
+.hidden {
+  display: none;
+}
diff --git a/app/views/articles/_comment_form.html.erb b/app/views/articles/_comment_form.html.erb
@@ -1,7 +1,7 @@
 <%= form_tag @article.comment_url, id: 'comment_form', remote: true do %>
   <div class="comment-box">
-    <div id="errors" style="display: none"></div>
-    <div id="preview" style="display: none"></div>
+    <div id="errors" class="hidden"></div>
+    <div id="preview" class="hidden"></div>
 
     <a name="respond"></a>
     <table cellpadding="4" cellspacing="0" class="frm-tbl">

diff --git a/app/views/articles/comment_failed.js.erb b/app/views/articles/comment_failed.js.erb
@@ -1,3 +1,3 @@
 var message = "<%= j render 'articles/comment_errors', comment: @comment %>";
 $('#preview').hide();
-$('#errors').hide().html(message).fadeIn();
+$('#errors').hide().removeClass("hidden").html(message).fadeIn();
diff --git a/app/views/comments/preview.js.erb b/app/views/comments/preview.js.erb
@@ -1,3 +1,3 @@
 var preview = "<%= j render 'articles/comment_preview', comment: @comment %>";
 $('#errors').hide();
-$('#preview').hide().html(preview).fadeIn();
+$('#preview').hide().removeClass("hidden").html(preview).fadeIn();