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

Mobile storybook view #124

Closed
necolas opened this issue Apr 20, 2016 · 17 comments

Comments

Projects
None yet
@necolas
Copy link

commented Apr 20, 2016

It would be great if we could view the storybook UI on a mobile device, especially when building mobile apps. At the moment the UI is missing meta tags for viewport scaling, and the nav / component menu has no mobile view (could probably be the standard hamburger + drawer pattern initially).

@arunoda

This comment has been minimized.

Copy link
Member

commented Apr 20, 2016

Yes. This contains two issues actually.
We discuss about viewport resizing and mobile device previews here: #17

Also, it's great to have a mobile theme for Storybook itself. So, that's why I marked this as a feature.
If you can work on this, we are more than happy :)

@kevinSuttle

This comment has been minimized.

Copy link
Contributor

commented Apr 22, 2016

Related: I like how this was done, with grabbers to resize. http://styleguide.devbproto.com/styleguide/

@arunoda

This comment has been minimized.

Copy link
Member

commented May 5, 2016

Now we support full screen mode with the keyboard shortcuts. See: #17 (comment)

This is not directly related to mobile view BTW.
Anyway, we need to have a mobile UI as well.

@udiedrichsen

This comment has been minimized.

Copy link

commented Oct 22, 2016

It would be great if you could make in the "keyboard shortcuts" dialog the shortcut description
clickable. I think that should be easy to implement.

With that feature we could use your great storybook on a smartphone 💯

@tmaly1980

This comment has been minimized.

Copy link

commented Jun 12, 2017

What would be required to make a standalone storybook app on an independent mobile device? Something like NativeBase's Kitchen Sink app with the drawer to list the stories. If it's not in the works, maybe there's some sort of direction on how to add a menu that can control the stories? Would anything else be needed to make it possible to disconnect the phone and still switch to other stories?

IMO it's incredibly useful (and essential) to be able to share a standalone app with other people in the company so they can see what the designed components will look like once glued together. Management, UI designers (who aren't coders), customers, etc.

@danielduan

This comment has been minimized.

Copy link
Member

commented Aug 26, 2017

#1740 solves part of this problem by changing the iframe size.

@stale

This comment has been minimized.

Copy link

commented Dec 15, 2017

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 60 days. Thanks!

@stale stale bot added the inactive label Dec 15, 2017

@denkristoffer

This comment has been minimized.

Copy link

commented Dec 15, 2017

I'm just commenting to avoid the bot closing this issue. Sorry about that.

@stale stale bot removed the inactive label Dec 15, 2017

@ndelangen

This comment has been minimized.

Copy link
Member

commented Dec 19, 2017

No worries @denkristoffer thanks perfectly fine to do, I hear @UsulPro is back and might invest some time on this again. 🙇 (after 3.3)

@stale

This comment has been minimized.

Copy link

commented Feb 2, 2018

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 60 days. Thanks!

@stale stale bot added the inactive label Feb 2, 2018

@necolas necolas closed this Feb 3, 2018

@denzenin

This comment has been minimized.

Copy link
Contributor

commented Mar 12, 2018

@necolas Hi Nicolas, I have faced the same issue. I need to test some components on mobile device. Maybe you have found some simple workaround for that?

@ndelangen ndelangen removed the inactive label Mar 12, 2018

@Hypnosphi

This comment has been minimized.

Copy link
Member

commented Mar 18, 2018

@denzenin currently the best you can do is to append full=1 to a story URL — this will turn on fullscreen preview mode

@denzenin

This comment has been minimized.

Copy link
Contributor

commented Mar 19, 2018

@Hypnosphi thanks for the info

@denzenin

This comment has been minimized.

Copy link
Contributor

commented Apr 1, 2018

@Hypnosphi Hypnosphi reopened this Apr 1, 2018

@stale

This comment has been minimized.

Copy link

commented Apr 22, 2018

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

@stale stale bot added the inactive label Apr 22, 2018

@Hypnosphi

This comment has been minimized.

Copy link
Member

commented Apr 22, 2018

Released as 4.0.0-alpha.3

@stale stale bot removed the inactive label Apr 22, 2018

@stale

This comment has been minimized.

Copy link

commented May 13, 2018

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

@stale stale bot added the inactive label May 13, 2018

@Hypnosphi Hypnosphi closed this May 13, 2018

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