Fix color picker style

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "grapesjs",
-  "version": "0.12.40",
+  "version": "0.12.41",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Free and Open Source Web Builder Framework",
-  "version": "0.12.40",
+  "version": "0.12.41",
   "author": "Artur Arseniev",
   "license": "BSD-3-Clause",
   "homepage": "http://grapesjs.com",

src/domain_abstract/ui/InputColor.js

@@ -53,6 +53,7 @@ module.exports = Input.extend({
   getColorEl() {
     if (!this.colorEl) {
       const self = this;
+      const ppfx = this.ppfx;
       var model = this.model;
 
       var colorEl = $(`<div class="${this.ppfx}field-color-picker"></div>`);
@@ -66,8 +67,8 @@ module.exports = Input.extend({
       let changed = 0;
       let previousСolor;
       this.$el.find(`[data-colorp-c]`).append(colorEl);
-
       colorEl.spectrum({
+        containerClassName: `${ppfx}one-bg ${ppfx}two-color`,
         appendTo: elToAppend || 'body',
         maxSelectionSize: 8,
         showPalette: true,

src/style_manager/view/LayerView.js

@@ -156,6 +156,7 @@ module.exports = Backbone.View.extend({
     const properties = new PropertiesView({
       collection: model.get('properties'),
       config: this.config,
+      target: propsConfig.target,
       customValue: propsConfig.customValue,
       propTarget: propsConfig.propTarget,
       onChange: propsConfig.onChange,

src/style_manager/view/PropertyStackView.js

@@ -135,6 +135,7 @@ module.exports = PropertyCompositeView.extend({
     const fieldEl = this.el.querySelector('[data-layers-wrapper]');
     const PropertiesView = require('./PropertiesView');
     const propsConfig = {
+      target: this.target,
       propTarget: this.propTarget,
 
       // Things to do when a single sub-property is changed
@@ -160,6 +161,7 @@ module.exports = PropertyCompositeView.extend({
 
     // Will use it to propogate changes
     new PropertiesView({
+      target: this.target,
       collection: this.model.get('properties'),
       stackModel: model,
       config: this.config,

src/styles/scss/main.scss

@@ -760,7 +760,6 @@ $prefix: $app-prefix;
   .sp-hue{ left: 90%; }
   .sp-color{right: 15%;}
   .sp-container {
-    @extend .#{$app-prefix}bg-main;
     border: 1px solid $mainDkColor;
     box-shadow: 0 0 7px $mainDkColor;
     border-radius: 3px;