diff --git a/src/assets/scss/components/formBuilder.scss b/src/assets/scss/components/formBuilder.scss index d34bbd1..f3721d2 100644 --- a/src/assets/scss/components/formBuilder.scss +++ b/src/assets/scss/components/formBuilder.scss @@ -106,12 +106,16 @@ } } -.formBuilder__elementNew { +.formBuilder__elementNew.formBuilder__elementNew { border: 1px solid var(--button-secondary-borderColor); background-color: var(--button-secondary-borderColor); width: 100%; padding: 10px; opacity: 0.6; + color: white; + font-size: 11px; + text-transform: uppercase; + text-align: center; } .formBuilder__aside { diff --git a/src/pages/BandoFormsEdit/components/BuilderDropzone/index.js b/src/pages/BandoFormsEdit/components/BuilderDropzone/index.js index 9e5e508..22b8e45 100644 --- a/src/pages/BandoFormsEdit/components/BuilderDropzone/index.js +++ b/src/pages/BandoFormsEdit/components/BuilderDropzone/index.js @@ -10,10 +10,13 @@ const BuilderDropzone = () => { const [, drop] = useDrop({ accept: ItemTypes.FIELD, + drop(item, monitor) { + return item; + }, hover(item, monitor) { storeSet.main.moveElement(-1, 0, item); item.index = 0; - }, + } }); drop(dropzoneRef); diff --git a/src/pages/BandoFormsEdit/components/BuilderElement/index.js b/src/pages/BandoFormsEdit/components/BuilderElement/index.js index 18351aa..ff1fbc0 100644 --- a/src/pages/BandoFormsEdit/components/BuilderElement/index.js +++ b/src/pages/BandoFormsEdit/components/BuilderElement/index.js @@ -1,6 +1,7 @@ import React, { useRef } from 'react' import { useDrag, useDrop } from 'react-dnd' import { ItemTypes } from '../ItemTypes'; +import { __ } from '@wordpress/i18n'; // store import { storeSet, useStore } from '../../../../store'; @@ -98,7 +99,9 @@ const BuilderElement = ({ id, name, label, index }) => { return ( draggingElementId === id - ?
+ ?
+ {__('lascia qui', 'gepafin')} +
:
diff --git a/src/store/actions.js b/src/store/actions.js index 3f03911..baeb35e 100644 --- a/src/store/actions.js +++ b/src/store/actions.js @@ -27,6 +27,7 @@ export const actionsBeta = (set, get, api) => ({ }, moveElement: (dragIndex, hoverIndex, item) => { const prevFields = get.formElements(); + if (dragIndex === -1) { const configs = get.elementItems(); const itemCfg = head(configs.filter(o => o.id === item.dbId));