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

fix(addon-viewport): Change viewport styling to more closely match v4

Browse Source 
A regression in #7385 re-added the ugly black border that had been removed in #5979 to address
#5965.
This commit is contained in:
Connor Bär 2019-10-20 00:34:51 -03:00
parent 98792f3e7b
commit 3d76b1814d
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
addons/viewport/src/Tool.tsx
View File

@ -200,10 +200,10 @@ export const ViewportTool: FunctionComponent = memo(
<Global <Global
styles={{ styles={{
[`#${iframeId}`]: { [`#${iframeId}`]: {
margin: `auto`, margin: `${theme.layoutMargin}px auto`,
transition: 'width .3s, height .3s', transition: 'width .3s, height .3s',
position: 'relative', position: 'relative',
border: `${theme.layoutMargin}px solid black`, border: `1px solid black`,
borderRadius: theme.appBorderRadius, borderRadius: theme.appBorderRadius,
boxShadow: boxShadow:
'0 0 100px 1000px rgba(0,0,0,0.5), 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)', '0 0 100px 1000px rgba(0,0,0,0.5), 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)',