CSS Panel - Added removing of rules/styles

1 files changed, 14 insertions, 2 deletions

diff --git a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.js b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.js
index ac22878e..d2c81b93 100644
--- a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.js
+++ b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.js
@@ -86,6 +86,15 @@ exports.CssStyleRule = Montage.create(Component, {
         }
     },
 
+    update: {
+        value: function() {
+            if(this.cssText !== this.rule.cssText) {
+                // TODO: add update for selector and stylesheet name
+                this.declarationComponent.update();
+            }
+        }
+    },
+
     templateDidLoad : {
         value: function() {
             //console.log("css style rule : template did load");
@@ -93,8 +102,11 @@ exports.CssStyleRule = Montage.create(Component, {
     },
     prepareForDraw : {
         value: function() {
-            this.selectorField.addEventListener('change', this, false);
-
+            if(this.rule.type === 'inline') {
+                this.selectorField.readOnly = true;
+            } else {
+                this.selectorField.addEventListener('change', this, false);
+            }
             //console.log("css style rule : prepare for draw");
 
         }