fix(docz-theme-default): playground relative position

doczjs · Dec 4, 2018 · a097b5f · a097b5f
1 parent 7a7d1f8
commit a097b5f
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/docz-theme-default/src/components/ui/Render/index.tsx b/packages/docz-theme-default/src/components/ui/Render/index.tsx
@@ -53,16 +53,16 @@ const Wrapper = styled('div')`
 const borderColor = themeGet('colors.border')
 const backgroundColor = themeGet('colors.background')
 
-const PlaygroundWrapper = styled('div')`
+const PreviewWrapper = styled('div')`
   overflow-y: auto;
-  position: relative;
   flex: 1;
   border: 1px solid ${borderColor};
   background: ${backgroundColor};
   min-height: ${whenFullscreen('198px', 'auto')};
 `
 
 const StyledPreview = styled(LivePreview)`
+  position: relative;
   box-sizing: border-box;
   width: 100%;
   ${p => p.theme.docz.mq(p.theme.docz.styles.playground)};
@@ -81,7 +81,8 @@ const StyledError = styled(LiveError)`
 `
 
 const Pre = styled(PreBase)`
-  width: calc(100% - 4px);
+  width: calc(100% - 2px);
+  border-radius: 0 !important;
   margin: 0;
 `
 
@@ -261,7 +262,6 @@ class RenderBase extends Component<RenderProps, RenderState> {
     const { fullscreen, showEditor } = this.state
 
     const editorProps = {
-      square: true,
       className: editorClassName,
       actions: <Fragment />,
     }
@@ -277,10 +277,10 @@ class RenderBase extends Component<RenderProps, RenderState> {
           {fullscreen ? <ResizeBar onChangeSize={this.handleSetSize} /> : null}
           <Resizable {...this.resizableProps}>
             <Wrapper full={fullscreen}>
-              <PlaygroundWrapper full={fullscreen}>
+              <PreviewWrapper full={fullscreen}>
                 <StyledPreview className={className} style={style} />
                 <StyledError />
-              </PlaygroundWrapper>
+              </PreviewWrapper>
               {this.actions}
               <EditorWrapper showing={showEditor}>
                 <Pre