Make clearProperties configurable

GrapesJS · Jul 18, 2017 · 02f1117 · 02f1117
1 parent 21bf336
commit 02f1117
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/style_manager/config/config.js b/src/style_manager/config/config.js
@@ -20,6 +20,9 @@ module.exports = {
   // is set to false, highlightComputed will not take effect
   showComputed: true,
 
+  // Adds the possibility to clear property value from the target style
+  clearProperties: false,
+
   // Properties which are valid to be shown as computed
   // (Identified as inherited properties: https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance)
   validComputed: ['border-collapse', 'border-spacing', 'caption-side', 'color', 'cursor', 'direction', 'empty-cells',

diff --git a/src/style_manager/view/PropertyView.js b/src/style_manager/view/PropertyView.js
@@ -54,6 +54,7 @@ module.exports = Backbone.View.extend({
     const status = this.model.get('status');
     const pfx = this.pfx;
     const ppfx = this.ppfx;
+    const config = this.config;
     const updatedCls = `${ppfx}active-color`;
     const computedCls = `${ppfx}warn-color`;
     const labelEl = this.$el.find(`> .${pfx}label`);
@@ -64,7 +65,10 @@ module.exports = Backbone.View.extend({
     switch (status) {
       case 'updated':
         labelEl.addClass(updatedCls);
-        clearStyle.display = 'inline';
+
+        if (config.clearProperties) {
+          clearStyle.display = 'inline';
+        }
         break;
       case 'computed':
         labelEl.addClass(computedCls);