Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Responsive column order & width #836

Open
afourmeaux opened this issue Dec 2, 2022 · 2 comments
Open

Responsive column order & width #836

afourmeaux opened this issue Dec 2, 2022 · 2 comments

Comments

@afourmeaux
Copy link

afourmeaux commented Dec 2, 2022

Description (*)

It would be very useful to be able to change columns width and order for phone & desktop and not only have them be full width on phone and in the same order as the desktop content.

Expected behaviour (*)

In the popin used for configuration of a column there is two section (Desktop, Phone) containing the following inputs :

  • a select labelled "Column width" containing options from 1/12 to 12/12
  • a number input labelled "Column order"

Depending on the options setted, CSS style is generated to define a width and an order on the desktop & phone view.

Benefits

Make designing a responsive content with page builder more user friendly.

@m2-assistant
Copy link

m2-assistant bot commented Dec 2, 2022

Hi @afourmeaux. Thank you for your report.
To speed up processing of this issue, make sure that you provided sufficient information.

Add a comment to assign the issue: @magento I am working on this


@amokato
Copy link

amokato commented Jan 17, 2023

In general, a separated configuration for desktop and mobile view would be appreciated. Mobile layout is a total different thing. With the lack of being able to hide content/cols etc or even set different padding/spacing on mobile etc. it is very hard without custom css to work with the breakpoints. And try to tell non tech users that.

@engcom-Hotel engcom-Hotel moved this to Ready for Grooming in Backlog Aug 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Ready for Grooming
Development

No branches or pull requests

2 participants