From 6686f2f0bc3ea1b4f589409c78a99bd07a41e7c3 Mon Sep 17 00:00:00 2001
From: Eric Guzman
Date: Tue, 22 May 2012 09:24:39 -0700
Subject: CSS Panel - Add Rule - apply new class after use specifies selector

---
 js/panels/css-panel/styles-view-delegate.js | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

(limited to 'js/panels/css-panel')

diff --git a/js/panels/css-panel/styles-view-delegate.js b/js/panels/css-panel/styles-view-delegate.js
index 56727d40..583eb0ba 100644
--- a/js/panels/css-panel/styles-view-delegate.js
+++ b/js/panels/css-panel/styles-view-delegate.js
@@ -53,6 +53,19 @@ exports.StylesViewMediator = Montage.create(Component, {
                 return false;
             }
 
+            if(!ruleComponent.firstChangeHappened) {
+                var lastClass = newSelector.substring(newSelector.lastIndexOf('.')+1);
+
+                if(lastClass !== newSelector) {
+                    ///// Add the generated class to each element in selection
+                    ///// and check whether it applies to the element
+                    this.ruleListContainer.displayedList.selection.forEach(function(el) {
+                        this.stylesController.addClass(el, lastClass);
+                    },this);
+                }
+                ruleComponent.firstChangeHappened = true;
+            }
+
             rule.selectorText = newSelector;
 
             ruleComponent.applied = this.ruleListContainer.displayedList.selection.every(function(el) {
@@ -225,13 +238,13 @@ exports.StylesViewMediator = Montage.create(Component, {
 
             ///// Add the generated class to each element in selection
             ///// and check whether it applies to the element
-            this.ruleListContainer.displayedList.selection.forEach(function(el) {
-                this.stylesController.addClass(el, selector);
-
-                if(applies) {
-                    applies = (this._doesSelectorTargetElement('.'+selector, el));
-                }
-            },this);
+//            this.ruleListContainer.displayedList.selection.forEach(function(el) {
+//                this.stylesController.addClass(el, selector);
+//
+//                if(applies) {
+//                    applies = (this._doesSelectorTargetElement('.'+selector, el));
+//                }
+//            },this);
 
             ///// Add rule directly to the rule list
             this.ruleListContainer.displayedList.component.addRule(newRule, null, applies, function(ruleComponent) {
-- 
cgit v1.2.3