reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-11-04 01:47:25 +03:00
Code Issues Packages Projects Releases Wiki Activity

Increase node indentation

Browse Source
This commit is contained in:
Nic Aitch 2015-08-11 23:04:48 -05:00
parent 0e6c4d2f75
commit 6af5d98799
9 changed files with 32 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,10 +7,10 @@ import grabNode from './grab-node';
const styles = { const styles = {
base: { base: {
position: 'relative', position: 'relative',
paddingTop: 2, paddingTop: 3,
paddingBottom: 2, paddingBottom: 3,
paddingRight: 4, paddingRight: 0,
marginLeft: 3 marginLeft: 14
}, },
label: { label: {
margin: 0, margin: 0,

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

@ -3,10 +3,11 @@ import React from 'react';
const styles = { const styles = {
base: { base: {
display: 'inline-block', display: 'inline-block',
marginLeft: -15, marginLeft: 0,
marginTop: 8,
marginRight: 5,
'float': 'left', 'float': 'left',
transition: '150ms', transition: '150ms',
marginTop: 7,
WebkitTransition: '150ms', WebkitTransition: '150ms',
MozTransition: '150ms', MozTransition: '150ms',
borderLeft: '5px solid transparent', borderLeft: '5px solid transparent',

8
src/react/JSONTree/JSONBooleanNode.js
View File

@ -5,10 +5,10 @@ import hexToRgb from '../../utils/hexToRgb';
const styles = { const styles = {
base: { base: {
paddingTop: 2, paddingTop: 3,
paddingBottom: 2, paddingBottom: 3,
paddingRight: 4, paddingRight: 0,
marginLeft: 10 marginLeft: 14
}, },
label: { label: {
display: 'inline-block', display: 'inline-block',

8
src/react/JSONTree/JSONNullNode.js
View File

@ -5,10 +5,10 @@ import hexToRgb from '../../utils/hexToRgb';
const styles = { const styles = {
base: { base: {
paddingTop: 2, paddingTop: 3,
paddingBottom: 2, paddingBottom: 3,
paddingRight: 4, paddingRight: 0,
marginLeft: 10 marginLeft: 14
}, },
label: { label: {
display: 'inline-block', display: 'inline-block',

8
src/react/JSONTree/JSONNumberNode.js
View File

@ -5,10 +5,10 @@ import hexToRgb from '../../utils/hexToRgb';
const styles = { const styles = {
base: { base: {
paddingTop: 2, paddingTop: 3,
paddingBottom: 2, paddingBottom: 3,
paddingRight: 4, paddingRight: 0,
marginLeft: 10 marginLeft: 14
}, },
label: { label: {
display: 'inline-block', display: 'inline-block',

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

@ -7,10 +7,9 @@ import grabNode from './grab-node';
const styles = { const styles = {
base: { base: {
position: 'relative', position: 'relative',
paddingTop: 2, paddingTop: 3,
paddingBottom: 2, paddingBottom: 3,
paddingRight: 4, marginLeft: 14
marginLeft: 3
}, },
label: { label: {
margin: 0, margin: 0,

8
src/react/JSONTree/JSONStringNode.js
View File

@ -5,10 +5,10 @@ import hexToRgb from '../../utils/hexToRgb';
const styles = { const styles = {
base: { base: {
paddingTop: 2, paddingTop: 3,
paddingBottom: 2, paddingBottom: 3,
paddingRight: 4, paddingRight: 0,
marginLeft: 10 marginLeft: 14
}, },
label: { label: {
display: 'inline-block', display: 'inline-block',

5
src/react/JSONTree/index.js
View File

@ -12,7 +12,10 @@ const styles = {
tree: { tree: {
border: 0, border: 0,
padding: 0, padding: 0,
margin: 0, marginTop: 8,
marginBottom: 8,
marginLeft: 2,
marginRight: 0,
fontSize: '0.90em', fontSize: '0.90em',
listStyle: 'none', listStyle: 'none',
MozUserSelect: 'none', MozUserSelect: 'none',

6
src/react/LogMonitorEntry.js
View File

@ -8,7 +8,7 @@ const styles = {
WebkitUserSelect: 'none' WebkitUserSelect: 'none'
}, },
tree: { tree: {
paddingLeft: 5 paddingLeft: 0
} }
}; };
@ -72,9 +72,7 @@ export default class LogMonitorEntry {
onClick={::this.handleActionClick} onClick={::this.handleActionClick}
style={{...styles.entry, ...styleEntry}}/> style={{...styles.entry, ...styleEntry}}/>
{!collapsed && {!collapsed &&
<div style={{ <div>
paddingLeft: 15
}}>
{this.printState(state, error)} {this.printState(state, error)}
</div> </div>
} }