Prevent flash of unstyled comment form

oren · Aug 26, 2008 · 4bdc7fd · 4bdc7fd
1 parent 6fc9d2c
commit 4bdc7fd
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/static/default/js/bloog_comments.js b/static/default/js/bloog_comments.js
@@ -25,6 +25,7 @@
 YAHOO.bloog.initComments = function() {
 
     var showRTE = function(e) {
+        YAHOO.util.Dom.removeClass('commentDialog', 'initialHide');
         YAHOO.bloog.commentEditor.setEditorHTML('<p>Comment goes here</p>');
         YAHOO.bloog.commentDialog.render();
         YAHOO.bloog.commentDialog.show();

diff --git a/static/default/style.css b/static/default/style.css
@@ -129,6 +129,7 @@ ul#imgLinks{list-style:none;margin:7px 0;}
 p.tags a {font-weight:normal; margin: 0 0.8em; white-space: nowrap; color: #777777; background: transparent url(images/dot.gif) repeat-x scroll left bottom;}
 
 /* style me some comments and inputs */
+.initialHide{display:none;}
 #comments{padding:12px 0 0 0;}
 #comments h3,
 h3#respond{color:#555;margin-bottom:7px;}

diff --git a/views/default/bloog/blog/form_comment.html b/views/default/bloog/blog/form_comment.html
@@ -1,7 +1,7 @@
 <style type="text/css">  
-p span.displaynone { display:none; }  
+p span.displaynone { display:none; }
 </style>  
-<div id="commentDialog" class="popupDialog">
+<div id="commentDialog" class="popupDialog initialHide">
     <div class="hd">Enter Your Comment</div>
     <div class="bd">
         <form id="commentDialogForm" name="commentDialogForm" method="post" action="#">