reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-11-26 11:33:54 +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 paddingLeft: 16
}, },
payload: { payload: {
paddingLeft: 15 margin: 0,
overflow: 'auto'
} }
}; };
@ -18,7 +19,7 @@ export default class LogMonitorAction extends React.Component {
return ( return (
<div style={{ <div style={{
...styles.payload, ...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}/> : '' } { Object.keys(payload).length > 0 ? <JSONTree theme={this.props.theme} keyName={'action'} data={payload}/> : '' }
</div> </div>
@ -32,8 +33,11 @@ export default class LogMonitorAction extends React.Component {
backgroundColor: this.props.theme.base02, backgroundColor: this.props.theme.base02,
color: this.props.theme.base06, color: this.props.theme.base06,
...this.props.style ...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) : ''} {!this.props.collapsed ? this.renderPayload(payload) : ''}
</div> </div>
); );