CSS Panel - Added flag to draw method to improve perceived loading time

1 files changed, 12 insertions, 0 deletions

diff --git a/js/panels/css-panel/rule-list-container.reel/rule-list-container.js b/js/panels/css-panel/rule-list-container.reel/rule-list-container.js
index 50d69093..4ee340e4 100644
--- a/js/panels/css-panel/rule-list-container.reel/rule-list-container.js
+++ b/js/panels/css-panel/rule-list-container.reel/rule-list-container.js
@@ -11,6 +11,7 @@ exports.RuleListContainer = Montage.create(Component, {
     _instanceToAdd     : { value: null },
     _appendElement     : { value: null },
     _lastDisplayedList : { value: null },
+    ruleListDrawn      : { value: null },
 
     _displayedList     : { value: null },
     displayedList : {
@@ -157,5 +158,16 @@ exports.RuleListContainer = Montage.create(Component, {
                 }
             }
         }
+        
+    },
+    
+    didDraw: {
+        value: function() {
+            if(this.ruleListDrawn === true) {
+                var stylesView = this.parentComponent.parentComponent;
+                stylesView.needsDraw = stylesView.hasStyles = true;
+            }
+
+        }
     }
 });
\ No newline at end of file