Consolidated font stack to be the same across all devtool

This commit is contained in:
dzannotti 2015-08-11 21:21:49 +01:00
parent 98d5ed3706
commit c0afa393f5
2 changed files with 2 additions and 7 deletions

View File

@ -15,7 +15,6 @@ const styles = {
margin: 0, margin: 0,
fontSize: '0.90em', fontSize: '0.90em',
listStyle: 'none', listStyle: 'none',
fontFamily: 'monospace',
MozUserSelect: 'none', MozUserSelect: 'none',
WebkitUserSelect: 'none' WebkitUserSelect: 'none'
} }

View File

@ -5,7 +5,7 @@ import * as themes from './themes';
const styles = { const styles = {
container: { container: {
fontFamily: 'Monaco, monospace', fontFamily: 'monaco, Consolas, Lucida Console, monospace',
position: 'relative', position: 'relative',
overflowY: 'hidden', overflowY: 'hidden',
width: '100%', width: '100%',
@ -157,11 +157,7 @@ export default class LogMonitor {
return ( return (
<div style={{...styles.container, backgroundColor: theme.base00}}> <div style={{...styles.container, backgroundColor: theme.base00}}>
<div style={{ <div style={styles.buttonBar}>
...styles.buttonBar,
backgroundColor: theme.base01,
borderBottom: theme.base00
}}>
<LogMonitorButton theme={theme} onClick={::this.handleReset}>Reset</LogMonitorButton> <LogMonitorButton theme={theme} onClick={::this.handleReset}>Reset</LogMonitorButton>
{computedStates.length > 1 && {computedStates.length > 1 &&
<LogMonitorButton theme={theme} onClick={::this.handleRollback}>Revert</LogMonitorButton> <LogMonitorButton theme={theme} onClick={::this.handleRollback}>Revert</LogMonitorButton>