reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-11-22 17:46:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

improved click precision

Browse Source
This commit is contained in:
dzannotti 2015-08-10 23:23:32 +01:00
parent 1394ea0493
commit 7ad9616777
3 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/react/JSONTree/JSONArrayNode.js
View File

@ -6,6 +6,7 @@ import grabNode from './grab-node';
const styles = {
base: {
position: 'relative',
paddingTop: 2,
paddingBottom: 2,
paddingRight: 4,
@ -100,15 +101,15 @@ export default class JSONArrayNode extends React.Component {
};
}
return (
<li style={containerStyle} onClick={::this.handleClick}>
<JSONArrow theme={this.props.theme} open={this.state.expanded}/>
<li style={containerStyle}>
<JSONArrow theme={this.props.theme} open={this.state.expanded} onClick={::this.handleClick}/>
<label style={{
...styles.label,
color: this.props.theme.base0D
}}>
}} onClick={::this.handleClick}>
{this.props.keyName}:
</label>
<span style={spanStyle}>
<span style={spanStyle} onClick={::this.handleClick}>
<span style={styles.spanType}>[]</span>
{this.getItemString()}
</span>

2
src/react/JSONTree/JSONArrow.js
View File

@ -36,6 +36,6 @@ export default class JSONArrow extends React.Component {
...styles.open
};
}
return <div style={style}/>;
return <div style={style} onClick={this.props.onClick}/>;
}
}

9
src/react/JSONTree/JSONObjectNode.js
View File

@ -6,6 +6,7 @@ import grabNode from './grab-node';
const styles = {
base: {
position: 'relative',
paddingTop: 2,
paddingBottom: 2,
paddingRight: 4,
@ -102,15 +103,15 @@ export default class JSONObjectNode extends React.Component {
};
}
return (
<li style={containerStyle} onClick={::this.handleClick}>
<JSONArrow theme={this.props.theme} open={this.state.expanded}/>
<li style={containerStyle}>
<JSONArrow theme={this.props.theme} open={this.state.expanded} onClick={::this.handleClick}/>
<label style={{
...styles.label,
color: this.props.theme.base0D
}}>
}} onClick={::this.handleClick}>
{this.props.keyName}:
</label>
<span style={spanStyle}>
<span style={spanStyle} onClick={::this.handleClick}>
<span style={styles.spanType}>&#123;&#125;</span>
{this.getItemString()}
</span>