diff --git a/packages/strapi-plugin-content-manager/admin/src/assets/images/icon-edit-blue.svg b/packages/strapi-plugin-content-manager/admin/src/assets/images/icon-edit-blue.svg new file mode 100644 index 0000000000..3fc5c78b59 --- /dev/null +++ b/packages/strapi-plugin-content-manager/admin/src/assets/images/icon-edit-blue.svg @@ -0,0 +1,24 @@ + + + + Shape + Created with Sketch. + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/strapi-plugin-content-manager/admin/src/components/DraggableAttr/index.js b/packages/strapi-plugin-content-manager/admin/src/components/DraggableAttr/index.js index 3ae6f5ed80..604e83a5ad 100644 --- a/packages/strapi-plugin-content-manager/admin/src/components/DraggableAttr/index.js +++ b/packages/strapi-plugin-content-manager/admin/src/components/DraggableAttr/index.js @@ -13,6 +13,7 @@ import { import { flow, upperFirst } from 'lodash'; import PropTypes from 'prop-types'; import { FormattedMessage } from 'react-intl'; +import cn from 'classnames'; import styles from './styles.scss'; @@ -29,7 +30,8 @@ const draggableAttrSource = { }, endDrag: (props, monitor, component) => { const el = findDOMNode(component); - el.className = styles.draggableAttr; + const className = props.isEditing ? `${styles.draggableAttr} ${styles.editingAttr}` : styles.draggableAttr; + el.className = className; props.updateSiblingHoverState(); return {}; @@ -115,7 +117,7 @@ class DraggableAttr extends React.Component { } render() { - const { label, name, isDragging, connectDragSource, connectDropTarget } = this.props; + const { label, name, isDragging, isEditing, connectDragSource, connectDropTarget } = this.props; const { isHover } = this.state; const opacity = isDragging ? 0.2 : 1; @@ -123,13 +125,13 @@ class DraggableAttr extends React.Component { connectDragSource( connectDropTarget(
- +