Unified Responsive Value Editor (All Breakpoints in One View)

[DMedik]

Describe the Problem

Currently, when adjusting responsive values (such as width, height, or min/max constraints), I need to manually switch between desktop, tablet, and mobile views. This slows down the workflow and increases the risk of leaving unintended inherited values in place, which can cause layout inconsistencies across devices.

The problem is further compounded by the fact that unit selections (PX, %, EM, REM, etc.) are not consistent between screen sizes. Changing units on one breakpoint doesn’t reliably carry over to others, which creates extra work and makes it easy to introduce design errors.

Propose a Solution

Introduce a unified responsive values pop-out panel that allows users to view and edit all breakpoint values (desktop, tablet, mobile, etc.) in one place, without needing to switch between views. This would make it clear how each value is set across screen sizes, reduce errors from inherited values, and significantly speed up the workflow.

For example, padding, margin, and sizing controls could include a small pop-out (similar to Cornerstone’s implementation) where all responsive values are shown and editable at once. This would also solve the current inconsistency with unit types (PX, %, EM, REM), since users would be able to manage units side-by-side for each breakpoint.

Additional Context

No response

Agreement

• I confirm I have read and followed all the guidelines and instructions outlined in the Feature Request form.
• I agree that my discussion may be closed without further action if it doesn't meet all the requirements outlined in the Feature Request form.