CSS Panel - Clear styles section on document close

1 files changed, 7 insertions, 0 deletions

diff --git a/js/panels/css-panel/styles-view-container.reel/styles-view-container.js b/js/panels/css-panel/styles-view-container.reel/styles-view-container.js
index e6e836ad..e63e3c74 100644
--- a/js/panels/css-panel/styles-view-container.reel/styles-view-container.js
+++ b/js/panels/css-panel/styles-view-container.reel/styles-view-container.js
@@ -67,6 +67,7 @@ exports.StylesViewContainer = Montage.create(Component, {
             this.eventManager.addEventListener('styleSheetsReady', this, false);
             //this.eventManager.addEventListener('elementChanging', this, false);
             this.eventManager.addEventListener('elementChange', this, false);
+            this.eventManager.addEventListener("closeDocument", this, false);
         }
     },
     handleStyleSheetsReady: {
@@ -150,6 +151,12 @@ exports.StylesViewContainer = Montage.create(Component, {
 
         }
     },
+    handleCloseDocument: {
+        value: function(e) {
+            this.hasStyles = false;
+            this.needsDraw = true;
+        }
+    },
 
     draw : {
         value: function() {