CSS Panel - Added code hinting and tooltips

1 files changed, 11 insertions, 0 deletions

diff --git a/js/panels/css-panel/style.reel/style.js b/js/panels/css-panel/style.reel/style.js
index a8939bc6..b079bc73 100644
--- a/js/panels/css-panel/style.reel/style.js
+++ b/js/panels/css-panel/style.reel/style.js
@@ -272,6 +272,8 @@ exports.Style = Montage.create(TreeNode, {
     templateDidLoad : {
         value: function() {
             this.delegate = this.treeView.contentController.delegate;
+
+            this.propertyField.hints = this.propertyNames;
         }
     },
 
@@ -312,6 +314,13 @@ exports.Style = Montage.create(TreeNode, {
         }
     },
 
+    setToolTips : {
+        value: function() {
+            this.propertyField.element.title = this.propertyField.value;
+            this.valueField.element.title = this.valueField.value;
+        }
+    },
+
     willDraw : {
         value: function() {
             if(this.invalid) {
@@ -319,6 +328,8 @@ exports.Style = Montage.create(TreeNode, {
             } else {
                 this._element.removeAttribute('title');
             }
+
+            this.setToolTips();
         }
     },