Hide elements that are not visible in the current screen size breakpoint

[ckp267]

Description

Description:

When editing a Page in MaxiBlocks, it would be helpful if elements that are hidden due to the current screen size breakpoint were either removed from view or visually distinguished (e.g., greyed out) in the editing interface. This would make the editing process clearer and less confusing, as users would only see the elements that are actually visible in the current breakpoint.

Context:

Editing experience, MaxiBlocks block settings right sidebar > Advanced Tab > Show/Hide > XXL to XS breakpoints

Other plugins or websites examples

N/A

How to implement it

One possible implementation could be to only show the hidden elements in the breakpoint view on which they are hidden. This would provide a visual indication of the hidden elements without cluttering the main editing interface.

Or maybe in the document/list view?

(Note: Depends what Gutenberg options are available for developers)

Other information

This feature would improve the user experience and make the editing process more intuitive, especially for users working with responsive designs across multiple screen sizes.