GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-07 06:01:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

Make the viewport addon compatible with composition.

Browse Source
This commit is contained in:
Jeroen Zwartepoorte 2022-12-15 15:52:32 +01:00
parent 970fc0d841
commit 4623dd7283
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
code/addons/viewport/src/Tool.tsx
View File

@ -58,7 +58,6 @@ const toLinks = memoize(50)((list: ViewportItem[], active: LinkBase, set, state,
.filter(Boolean); .filter(Boolean);
}); });
const iframeId = 'storybook-preview-iframe';
const wrapperId = 'storybook-preview-wrapper'; const wrapperId = 'storybook-preview-wrapper';
interface LinkBase { interface LinkBase {
@ -208,7 +207,7 @@ export const ViewportTool: FC = memo(
<ActiveViewportSize> <ActiveViewportSize>
<Global <Global
styles={{ styles={{
[`#${iframeId}`]: { [`iframe[data-is-storybook="true"]`]: {
margin: `auto`, margin: `auto`,
transition: 'width .3s, height .3s', transition: 'width .3s, height .3s',
position: 'relative', position: 'relative',