Browse Source

Update set dragHelper in Sorter

pull/561/head
Artur Arseniev 9 years ago
parent
commit
695adb8723
  1. 2
      dist/css/grapes.min.css
  2. 6
      dist/grapes.min.js
  3. 2
      package-lock.json
  4. 2
      package.json
  5. 2
      src/styles/scss/_gjs_blocks.scss
  6. 1
      src/styles/scss/main.scss
  7. 27
      src/utils/Sorter.js

2
dist/css/grapes.min.css

File diff suppressed because one or more lines are too long

6
dist/grapes.min.js

File diff suppressed because one or more lines are too long

2
package-lock.json

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

2
package.json

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

2
src/styles/scss/_gjs_blocks.scss

@ -50,7 +50,7 @@
} }
.#{$app-prefix}block-svg-path { .#{$app-prefix}block-svg-path {
@extend .#{$app-prefix}color-main; fill: currentColor;
} }
.#{$app-prefix}block.fa { .#{$app-prefix}block.fa {

1
src/styles/scss/main.scss

@ -239,7 +239,6 @@ $prefix: $app-prefix;
display: flex; display: flex;
justify-content: start; justify-content: start;
padding: 5px 10px; padding: 5px 10px;
font-size: 0.75em;
font-weight: lighter; font-weight: lighter;
.#{$app-prefix}label { .#{$app-prefix}label {

27
src/utils/Sorter.js

@ -115,23 +115,24 @@ module.exports = Backbone.View.extend({
* @param {Event} event * @param {Event} event
*/ */
setDragHelper(el, event) { setDragHelper(el, event) {
var ev = event || ''; const ev = event || '';
var clonedEl = el.cloneNode(1); const clonedEl = el.cloneNode(1);
const rect = el.getBoundingClientRect();
const computed = getComputedStyle(el);
let style = '';
// Attach style for (var i = 0; i < computed.length; i++) {
var style = ''; const prop = computed[i];
var o = getComputedStyle(el); style += `${prop}:${computed.getPropertyValue(prop)};`;
for(var i = 0; i < o.length; i++) {
style += o[i] + ':' + o.getPropertyValue(o[i])+';';
} }
clonedEl.setAttribute('style', style);
clonedEl.className += ' ' + this.pfx + 'bdrag';
document.body.appendChild(clonedEl); document.body.appendChild(clonedEl);
clonedEl.className += ` ${this.pfx}bdrag`;
clonedEl.setAttribute('style', style);
this.dragHelper = clonedEl; this.dragHelper = clonedEl;
clonedEl.style.width = `${rect.width}px`;
if(ev) { clonedEl.style.height = `${rect.height}px`;
this.moveDragHelper(ev); ev && this.moveDragHelper(ev);
}
// Listen mouse move events // Listen mouse move events
if(this.em) { if(this.em) {

Loading…
Cancel
Save