Fix display of button in left toolbar

This commit is contained in:
Samy Pesse
2016-10-17 23:02:17 +02:00
parent a1ae5c2295
commit cdf9842d68
3 changed files with 11 additions and 9 deletions
@@ -43,21 +43,22 @@ const Injection = React.createClass({
const InjectedComponentSet = React.createClass({
propTypes: {
components: React.PropTypes.oneOfType([
components: React.PropTypes.oneOfType([
React.PropTypes.arrayOf(React.PropTypes.func),
React.PropTypes.instanceOf(List)
]).isRequired,
props: React.PropTypes.object,
withContainer: React.PropTypes.bool
props: React.PropTypes.object,
children: React.PropTypes.node
},
render() {
const { components, props, ...divProps } = this.props;
const { components, props, children, ...divProps } = this.props;
const inner = components.map((Comp, i) => <Injection key={i} component={Comp} props={props} />);
return (
<div {...divProps}>
{children}
{inner}
</div>
);
+1 -1
View File
@@ -28,4 +28,4 @@
"bugs": {
"url": "https://github.com/GitbookIO/gitbook/issues"
}
}
}
@@ -21,10 +21,11 @@ const Toolbar = React.createClass({
return (
<GitBook.FlexLayout className="Toolbar">
<GitBook.FlexBox className="Toolbar-left">
<GitBook.Button onClick={this.onToggle}>
<GitBook.Icon id="align-justify" />
</GitBook.Button>
<GitBook.InjectedComponentSet align="flex-start" matching={{ role: 'toolbar:buttons:left' }} />
<GitBook.InjectedComponentSet align="flex-end" matching={{ role: 'toolbar:buttons:left' }}>
<GitBook.Button onClick={this.onToggle}>
<GitBook.Icon id="align-justify" />
</GitBook.Button>
</GitBook.InjectedComponentSet>
</GitBook.FlexBox>
<GitBook.FlexBox auto>
<h1 className="Toolbar-Title">