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",
"version": "0.12.41",
"version": "0.12.42",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

2
package.json

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

2
src/styles/scss/_gjs_blocks.scss

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

1
src/styles/scss/main.scss

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

27
src/utils/Sorter.js

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

Loading…
Cancel
Save