Upload field Drag and Drop area is being cut by the upper tab

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.4.13 DXP GA1, Master
• Component/s: Item Selector
• Labels:
  • frontend
• Story Points: 1
• Fix Priority: 2
• Sprint: LIMA | QA Sprint 5
• Git Pull Request: https://github.com/liferay-lima/liferay-portal/pull/1354

Description

The Drag and Drop area has it's borders overlapped by the upper tab.

Steps to Reproduce

1. Go to Content & Data > Web Content > Structure tab > Create a new structure 
2. Add a Upload Field and a title and save the structure
3. Go to Web Content tab and create a Web Content from the created structure
4. Click to Select a file and observe the top border of the Drag and Drop area (bug)

Expected Result

Entire UI should be correctly displayed.

Actual Result

An overlapping issue happens with the Drag and Drop area. 

 

Reproduced In
master: b9a09a2d90eb15a0e4e307faef0e86b6107b6437