From 0f56430673fa2e008f9b1c17fca8627251866935 Mon Sep 17 00:00:00 2001
From: Eric Guzman
Date: Tue, 1 May 2012 16:24:03 -0700
Subject: CSS Panel - Inline style editing

---
 .../rule-components/css-style-rule.reel/css-style-rule.js     |  1 +
 js/panels/css-panel/style.reel/style.js                       | 11 ++++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

(limited to 'js')

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 d2c81b93..7b5a736f 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
@@ -104,6 +104,7 @@ exports.CssStyleRule = Montage.create(Component, {
         value: function() {
             if(this.rule.type === 'inline') {
                 this.selectorField.readOnly = true;
+                this.declarationComponent.type = 'inline';
             } else {
                 this.selectorField.addEventListener('change', this, false);
             }
diff --git a/js/panels/css-panel/style.reel/style.js b/js/panels/css-panel/style.reel/style.js
index b079bc73..c73da6e5 100644
--- a/js/panels/css-panel/style.reel/style.js
+++ b/js/panels/css-panel/style.reel/style.js
@@ -145,7 +145,16 @@ exports.Style = Montage.create(TreeNode, {
 
     getRule : {
         value: function() {
-            return this.treeView.parentComponent.declaration.parentRule;
+            var declarationComponent = this.treeView.parentComponent,
+                rule;
+
+            if(declarationComponent.type === 'inline') {
+                rule = { style : declarationComponent.declaration }
+            } else {
+                rule = this.treeView.parentComponent.declaration.parentRule;
+            }
+
+            return rule;
         }
     },
 
-- 
cgit v1.2.3