CSS Style Rule - Show appropriate "sheet name" for inline style

1 files changed, 7 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 a0ff4b4e..dd51565a 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
@@ -23,9 +23,14 @@ exports.CssStyleRule = Montage.create(Component, {
         },
         set: function(rule) {
             this.cssText = rule.cssText;
-            this.sheetName = rule.href || 'Style Tag';
-            this.selector = rule.selectorText;
 
+            if(rule.type === 'inline') {
+                this.sheetName = 'Inline Style';
+            } else {
+                this.sheetName = rule.href || 'Style Tag';
+            }
+
+            this.selector = rule.selectorText;
             this.declaration = rule.style;
 
             console.log('Rule with selector "' +rule.selectorText+ '" is set on componenet.');