Opened 8 weeks ago
Last modified 4 hours ago
#64942 new defect (bug)
Inconsistent paddings/margins for dashboard widgets
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Awaiting Review | Priority: | normal |
| Severity: | normal | Version: | |
| Component: | Administration | Keywords: | has-screenshots admin-reskin has-patch |
| Focuses: | ui, css | Cc: |
Description
This seems related to #64787 and #64549, but there are a few weird visual inconsistencies in trunk related to dragging & dropping meta-boxes in the dashboard pages:
- Unique & low-contrast drop-zone background color, which also shows off the bottom padding in an unflattering way
- Two different border dash styles (not new but doesn't seem that useful anymore IMO)
- Drop-zones have different spacing when they are vacant or populated
- Dragging a meta-box out of bounds causes it to be clipped (overflow hidden?)
Attachments (2)
Change History (8)
This ticket was mentioned in PR #11824 on WordPress/wordpress-develop by @arkaprabhachowdhury.
6 days ago
#2
- Keywords has-patch added; needs-patch removed
## Summary
- normalize dashboard widget drop-zone outlines while dragging
- reduce the oversized empty-column spacing so vacant and populated columns feel more consistent
- allow dragged dashboard widgets to extend beyond the wrapper without being clipped
## Testing Instructions
- Open
/wp-admin/index.phpon a wide desktop viewport so the Dashboard uses multiple columns. - Ensure there is an empty dashboard widget column.
- Drag a widget into and across the empty column.
- Confirm the drop zones use consistent dashed outlines, the vacant column spacing feels closer to populated columns, and the dragged widget is not clipped while moving.
@arkaprabhachowdhury commented on PR #11824:
6 days ago
#3
Closing this draft in favor of a replacement PR from the renamed branch .
This ticket was mentioned in PR #11825 on WordPress/wordpress-develop by @arkaprabhachowdhury.
6 days ago
#4
## Summary
- normalize dashboard widget drop-zone outlines while dragging
- reduce the oversized empty-column spacing so vacant and populated columns feel more consistent
- allow dragged dashboard widgets to extend beyond the wrapper without being clipped
## Testing Instructions
- Open
/wp-admin/index.phpon a wide desktop viewport so the Dashboard uses multiple columns. - Ensure there is an empty dashboard widget column.
- Drag a widget into and across the empty column.
- Confirm the drop zones use consistent dashed outlines, the vacant column spacing feels closer to populated columns, and the dragged widget is not clipped while moving.
Note: See
TracTickets for help on using
tickets.
Clipped while dragging