Fix: More bullet proof styles

max-width and background on body shouldn't break layout.
styleguidist · Jul 30, 2018 · b66bd10 · b66bd10
1 parent 6bf3bbb
commit b66bd10
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/rsg-components/StyleGuide/StyleGuideRenderer.js b/src/rsg-components/StyleGuide/StyleGuideRenderer.js
@@ -9,6 +9,7 @@ import Version from 'rsg-components/Version';
 
 const styles = ({ color, fontFamily, fontSize, sidebarWidth, mq, space, maxWidth }) => ({
 	root: {
+		minHeight: '100vh',
 		backgroundColor: color.baseBackground,
 	},
 	hasSidebar: {

diff --git a/src/styles/styles.js b/src/styles/styles.js
@@ -6,6 +6,8 @@ const styles = {
 		isolate: false,
 		margin: 0,
 		padding: 0,
+		minWidth: 0,
+		maxWidth: '100%',
 		border: 0,
 	},
 };