Center the story within the iFrame ?

[antoinerey]

Do you consider centering the story inside the iFrame ? I currently work on a 27-inch screen and my Button component is pretty much lost in all this space :D

One solution could be to simply center the story on the screen. And of course, let the story scroll if it overflows the viewport.

[arunoda]

I get it. But, the component run inside a pure isolated environment where we don't inject any code. So, we shoudn't inject anystuff to change it.

That's how I view about this. Thanks for the request.

[tlrobinson]

@antoinerey You could create a simple component to center the content, something like this:

const Centered = ({ children }) =>
    <div style={{ height: "100vh", display: "flex", alignItems: "center", justifyContent: "center" }}>
        {children}
    </div>

Then just do:

storiesOf("MyComponent", module)
  .add("defaults", () => {
    return <Centered><MyComponent /></Centered>
  })

[antoinerey]

Yep. That's what I did too. That's why I proposed this idea to be included
into the final solution. :)
Le mer. 6 avr. 2016 à 19:55, Tom Robinson notifications@github.com a
écrit :

@antoinerey https://github.com/antoinerey You could create a simple
component to center the content, something like this:

const Centered = ({ children }) =>
<div style={{ height: "100vh", display: "flex", alignItems: "center", justifyContent: "center" }}>
{children}

Then just do:

storiesOf("MyComponent", module)
.add("defaults", () => {
return
})

—
You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#55 (comment)

[zimt28]

I like the idea, this would be great to have! It should be an optional solution though.

[aimuzov]

@antoinerey You can use decorator.