CSS Rule List - Add inline style to rule list

1 files changed, 9 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 17bdc2a4..4bad8350 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
@@ -80,6 +80,15 @@ exports.RuleListContainer = Montage.create(Component, {
 
             if(selection.length === 1) {
                 rules = stylesController.getMatchingRules(selection[0]);
+
+                ///// Add inline style to rule list
+                rules.splice(0, 0, {
+                    type             : 'inline',
+                    selectorText     : 'element.style',
+                    parentStyleSheet : 'Inline Style',
+                    style            : selection[0].style
+                });
+
             } //// TODO: support more selection types
 
             this._instanceToAdd = listInstance;