scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 07:38:07 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Add align prop to SubNavigation component

Browse source
This commit is contained in:
Ray Schamp 2016-08-01 12:18:25 -04:00
parent 00c7dc9257
commit 025958fc24
2 changed files with 27 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/subnavigation/subnavigation.jsx
View file

@ -9,10 +9,21 @@ require('./subnavigation.scss');
*/
var SubNavigation = React.createClass({
type: 'SubNavigation',
getDefaultProps: function () {
return {
align: 'middle'
};
},
render: function () {
var classes = classNames(
'sub-nav',
this.props.className
[
'sub-nav',
this.props.className
],
{
'sub-nav-align-left': this.props.align === 'left',
'sub-nav-align-right': this.props.align === 'right'
}
);
return (
<div className={classes}>

14
src/components/subnavigation/subnavigation.scss
View file

@ -53,4 +53,18 @@
}
}
}
&.sub-nav-align-left {
justify-content: flex-start;
li {
&:first-child {
margin-left: 0;
}
}
}
&.sub-nav-align-right {
justify-content: flex-end;
}
}