1 files changed, 22 insertions, 0 deletions

diff --git a/js/panels/css-panel/style.reel/style.js b/js/panels/css-panel/style.reel/style.js
index 6860a97f..6ff102b2 100644
--- a/js/panels/css-panel/style.reel/style.js
+++ b/js/panels/css-panel/style.reel/style.js
@@ -8,12 +8,27 @@ var Montage = require("montage/core/core").Montage,
     TreeNode = require("js/components/treeview/tree-node").TreeNode;
 
 exports.Style = Montage.create(TreeNode, {
+    disabledClass : {
+        value: 'style-item-disabled'
+    },
     propertyText : {
         value: "property"
     },
     valueText : {
         value: "value"
     },
+
+    _enabled : { value: true, distinct: true },
+    enabled : {
+        get: function() {
+            return this._enabled;
+        },
+        set: function(value) {
+            this._enabled = value;
+            this.needsDraw = true;
+        }
+    },
+
     handleSourceObjectSet: {
         value: function() {
             //debugger;
@@ -26,6 +41,7 @@ exports.Style = Montage.create(TreeNode, {
             console.log("style - template did load");
         }
     },
+
     draw : {
         value : function() {
             //debugger;
@@ -35,6 +51,12 @@ exports.Style = Montage.create(TreeNode, {
                 console.log("Label key unknown");
             }
 
+            if(this._enabled) {
+                this.element.classList.remove(this.disabledClass);
+            } else {
+                this.element.classList.add(this.disabledClass);
+            }
+
         }
     }
 });
\ No newline at end of file