From 9a94c6fb5f82d18139b48341788a0ffca23ae0af Mon Sep 17 00:00:00 2001 From: Eric Guzman Date: Tue, 1 May 2012 11:15:14 -0700 Subject: CSS Panel - Added removing of rules/styles --- js/panels/css-panel/styles-view-mediator.js | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'js/panels/css-panel/styles-view-mediator.js') 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); -- cgit v1.2.3