search

seek-oss / playroom

Design with JSX, powered by your own component library.
MIT License
4.48k stars 182 forks source link

[Feature Request] Add "Responsive" width viewport #223

Open caseymhunt opened 3 years ago

caseymhunt commented 3 years ago

It would be helpful to have access to a "responsive" (user-adjustable) width viewport, in addition to the configured widths in the .config file.

Ideally this "responsive" width would be appended to the list of supplied widths and would appear as an additional optional window width in Playroom.

roddds commented 3 years ago

You can get around that by adding 'calc(100vw - 120px)' to the list of widths, and then resizing the browser window.

caseymhunt commented 3 years ago

You can get around that by adding 'calc(100vw - 120px)' to the list of widths, and then resizing the browser window.

That's a great workaround- a bit ugly but neat! thank you.

It would be great to be able to mask the css formula with a human-readable name, though.

askoufis commented 4 months ago

Not sure if we'd implement this directly, but with #222 it makes the workaround more viable since you'd be able to rename the width to responsive for example.