quine-global/hyper
1
0
Fork 0
mirror of https://github.com/quine-global/hyper.git synced 2026-01-12 20:18:41 -09:00
Code Issues Projects Releases Packages Wiki Activity Actions

hyperterm: set global background color

Browse source
This commit is contained in:
Guillermo Rauch 2016-07-07 17:25:56 -07:00
parent d17784f962
commit 9aff04acf3
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/hyperterm.js
View file

@ -54,18 +54,25 @@ export default class HyperTerm extends Component {
this.dismissUpdate = this.dismissUpdate.bind(this);
this.onUpdateAvailable = this.onUpdateAvailable.bind(this);
document.body.style.backgroundColor = props.config.backgroundColor;
}
componentWillReceiveProps (props) {
if (props.config.fontSize !== this.props.config.fontSize) {
this.changeFontSize(props.config.fontSize);
}
if (props.config.backgroundColor !== this.props.config.backgroundColor) {
document.body.style.backgroundColor = props.config.backgroundColor;
}
}
render () {
const { backgroundColor } = this.props.config;
return <div onClick={ this.focusActive }>
<div className={ classes('main', { mac: this.state.mac }) }>
<header onMouseDown={this.onHeaderMouseDown}>
<header style={{ backgroundColor }} onMouseDown={this.onHeaderMouseDown}>
<Tabs
active={this.state.active}
activeMarkers={this.state.activeMarkers}