Hide menu toggle and toggle panel when toggling fullscreen in singleStory mode

[ghengeveld]

When using singleStory=true (query param), there should be no way to bring up the sidebar. Currently there's two icons to toggle it:

The menu toggle should be hidden in singleStory mode. The fullscreen toggle should toggle the addon panel if there are any, or not be displayed either.

[domyen]

Related UX changes for the toolbar + sidebar + addon panel toggles here

[alk-mandrianarijaona]

hey, I can take this one

[shilman]

@alk-mandrianarijaona Thank you for helping make Storybook better! 🙏 Please check out how to contribute in our docs and feel free to ask questions in #contributing in our Discord.

[alk-mandrianarijaona]

The fullscreen toggle should toggle the addon panel if there are any, or not be displayed either.

@shilman @domyen @ghengeveld can you guys tell me what's the way to check if there is an addon panel to display?

[alk-mandrianarijaona]

The fullscreen toggle should toggle the addon panel if there are any, or not be displayed either.

@shilman @domyen @ghengeveld can you guys tell me what's the way to check if there is an addon panel to display?

OK I just found it, I need to check showPanel

edit: hmm I think I am wrong here

[ghengeveld]

See

storybook/lib/ui/src/index.tsx

Line 49 in 8c32662

const panelCount = Object.keys(api.getPanels()).length;

[shilman]

Ta-da!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.4.0-beta.24 containing PR #15755 that references this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease

Closing this issue. Please re-open if you think there's still more to do.

[shilman]

Jeepers creepers!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.4.0-beta.25 containing PR #15755 that references this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease