fix(docz-theme-default): fix padding in Playground elements

Resolves #398 (comment)
doczjs · Jan 21, 2019 · 4af7376 · 4af7376
1 parent a184913
commit 4af7376
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/core/docz-theme-default/src/components/ui/CodeMirror/index.tsx b/core/docz-theme-default/src/components/ui/CodeMirror/index.tsx
@@ -52,6 +52,7 @@ const EditorStyled = styled(BaseCodeMirror)`
 
   .CodeMirror-lines {
     padding: 10px 0;
+    box-sizing: content-box;
   }
 
   .CodeMirror-line {

diff --git a/core/docz-theme-default/src/components/ui/Render/Handle.tsx b/core/docz-theme-default/src/components/ui/Render/Handle.tsx
@@ -46,6 +46,7 @@ export const Handle = styled('div')<HandleProps>`
   border: 1px solid ${p => lighten(0.03, borderColor(p))};
   border-radius: ${whenHorizontal('0 4px 4px 0', '0 0 4px 4px')};
   background: ${p => darken(0.01, preBg(p))};
+  box-sizing: content-box;
 
   ${whenHorizontal(
     `

diff --git a/core/docz-theme-default/src/components/ui/Render/index.tsx b/core/docz-theme-default/src/components/ui/Render/index.tsx
@@ -83,6 +83,7 @@ const StyledError = styled(LiveError)`
 `
 
 const Pre = styled(PreBase as any)<any>`
+  box-sizing: content-box;
   width: calc(100% - 2px);
   border-radius: 0 !important;
   margin: 0;