fix(Grid): Change default column flexDirection to column; pass remain…

…ing props to Row
heydoctor · Aug 3, 2018 · cd95cfe · cd95cfe
1 parent 1eea459
commit cd95cfe
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/Grid/Column.js b/src/Grid/Column.js
@@ -35,6 +35,7 @@ const StyledColumn = createComponent({
 }).extend`
   box-sizing: border-box;
   flex: 1 0 auto;
+  flex-direction: column;
   padding-left: ${getPadding}px;
   padding-right: ${getPadding}px;
 

diff --git a/src/Grid/Row.js b/src/Grid/Row.js
@@ -26,8 +26,8 @@ const StyledRow = createComponent({
   }}
 `;
 
-const Row = ({ children, gutter, reverse, collapse, vertical }) => (
-  <StyledRow gutter={gutter} reverse={reverse} collapse={collapse} vertical={vertical}>
+const Row = ({ children, gutter, reverse, collapse, vertical, ...props }) => (
+  <StyledRow {...props} gutter={gutter} reverse={reverse} collapse={collapse} vertical={vertical}>
     {React.Children.map(children, child => React.cloneElement(child, { gutter, collapse, vertical }))}
   </StyledRow>
 );