Draggable WC structures don't have Lexicon visual cues

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.0 DXP FP84, 7.1.10.2 SP2, 7.1.10 DXP FP12, 7.1.X, 7.2.X, Master
• Fix Version/s: 7.1.10 DXP FP13, 7.1.X, 7.2.10 DXP FP1, 7.2.X, 7.2.1 CE GA2, Master
• Component/s: Dynamic Data Mapping
• Labels:
  • QA-V
  • ee-ts
  • liferay-dxp-71-sp3
  • liferay-fixpack-dxp-1-7210
  • liferay-fixpack-dxp-13-7110
• Branch Version/s:
  7.2.x, 7.1.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/76530

https://liferay.design/lexicon/core-components/drag-and-drop/

Steps to Reproduce

1. Create a Web Content Structure
2. Add a Separator field, and nest under it a text field and an HTML field
3. Change the Separator field's properties so that it is repeatable
4. Title and Save the structure
5. Create a new web content based on that structure
6. Repeat it twice, and give each respective text box a title (e.g., 1, 2 and 3)
7. Drag the "Separator" part, and drop the last group over the middle group
8. Assert that it is not very apparent that the groups of structure fields are drag-and-droppable

Actual Results
It isn't clear that repeated fields can be rearranged, as there is a lack of visual cues

Expected Results
Add clear visual cues in Web Content for repeated fields that can be rearranged and make for a consistent experience with the rest of Liferay (e.g., Page Administration)

Reproduced in
DXP 7.1 + DXP-12
7.1.X Commit: 430b4575079ffd5a96caf3bb2e1df136566eb2af
Master Commit: 5bad9b73b6e3431b71543e8d5ce1d46afe8347b2