CSS Panel - Added removing of rules/styles

1 files changed, 18 insertions, 0 deletions

diff --git a/js/panels/css-panel/styles-view-mediator.js b/js/panels/css-panel/styles-view-mediator.js
index 8a0e4137..c3154db0 100644
--- a/js/panels/css-panel/styles-view-mediator.js
+++ b/js/panels/css-panel/styles-view-mediator.js
@@ -23,6 +23,12 @@ exports.StylesViewMediator = Montage.create(Component, {
 
     handleSelectorChange : {
         value: function(rule, newSelector, ruleComponent) {
+            if(newSelector === "") {
+                debugger;
+                ruleComponent.parentComponent.removeRule(ruleComponent);
+                return false;
+            }
+
             rule.selectorText = newSelector;
 
             ruleComponent.applied = this.ruleListContainer.displayedList.selection.every(function(el) {
@@ -103,6 +109,12 @@ exports.StylesViewMediator = Montage.create(Component, {
                 return false;
             }
 
+            if(property === '') {
+                style.remove();
+                this._dispatchChange(oldProperty, browserValue);
+                return false;
+            }
+
                 ///// Remove old property and add new one
             this.stylesController.deleteStyle(rule, oldProperty);
             browserValue = this.stylesController.setStyle(rule, property, value);
@@ -119,6 +131,12 @@ exports.StylesViewMediator = Montage.create(Component, {
         value: function(rule, property, value, style) {
             var browserValue, units;
 
+            if(value === '') {
+                style.remove();
+                this._dispatchChange(property, browserValue);
+                return false;
+            }
+
             ///// Auto-fill units if not provided and units
             ///// not previously stored
             units = style.getUnits(value);