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

Add device toggler for target resolution #18

Closed
fancyFranci opened this issue Jul 19, 2019 · 0 comments

Comments

@fancyFranci
Copy link
Contributor

commented Jul 19, 2019

Is your feature request related to a problem? Please describe.

The user should be able to switch the resolution of the device. After that the layout can change and gets saved regarding the selected device.

Describe the solution you'd like

The toggler are selectable and switch the resolution. These are displayed in the head of the pagebuilder. The selection should be like in Bootstrap and mobile-first:

  • Extra small <576px (Default)
  • Small ≥576px
  • Medium ≥768px
  • Large ≥992px
  • Extra large ≥1200px

It could look like:
grafik

In the background the toggler could be a simple radio group with styled labels.

Additional context

A decision relating the content of the labels is necessary. Should the toggler show the device itself like smartphone, tablet, desktop and landscape or portrait or should the labels contain "extra small", "small" etc.?

Reference: https://getbootstrap.com/docs/4.3/layout/grid/

@fancyFranci fancyFranci closed this Aug 5, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
1 participant
You can’t perform that action at this time.