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

Fix action node overflow, background

Browse Source
This commit is contained in:
Nic Aitch 2015-08-11 23:05:33 -05:00
parent 6af5d98799
commit c4fa25940a
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/react/LogMonitorEntryAction.js
View File

@ -8,7 +8,8 @@ const styles = {
paddingLeft: 16
},
payload: {
paddingLeft: 15
margin: 0,
overflow: 'auto'
}
};
@ -18,7 +19,7 @@ export default class LogMonitorAction extends React.Component {
return (
<div style={{
...styles.payload,
backgroundColor: this.props.theme.base01
backgroundColor: this.props.theme.base00
}}>
{ Object.keys(payload).length > 0 ? <JSONTree theme={this.props.theme} keyName={'action'} data={payload}/> : '' }
</div>
@ -32,8 +33,11 @@ export default class LogMonitorAction extends React.Component {
backgroundColor: this.props.theme.base02,
color: this.props.theme.base06,
...this.props.style
}} onClick={this.props.onClick}>
<div style={styles.actionBar}>{type}</div>
}}>
<div style={styles.actionBar}
onClick={this.props.onClick}>
{type}
</div>
{!this.props.collapsed ? this.renderPayload(payload) : ''}
</div>
);