Allow setting system UI font as font over monospace
Some find monospace a bit difficult to read, especially when it comes to large blocks of text.
This commit is contained in:
parent
35e924258a
commit
49f7f8644d
3 changed files with 15 additions and 0 deletions
|
@ -383,6 +383,10 @@ export default class App extends Component {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (this.state.settings.systemUIFont) {
|
||||||
|
document.body.style = "font-family: system-ui";
|
||||||
|
}
|
||||||
|
|
||||||
this.setState({ loading: false, connectParams: connectParams });
|
this.setState({ loading: false, connectParams: connectParams });
|
||||||
|
|
||||||
if (connectParams.autoconnect) {
|
if (connectParams.autoconnect) {
|
||||||
|
|
|
@ -8,6 +8,7 @@ export default class SettingsForm extends Component {
|
||||||
|
|
||||||
this.state.secondsInTimestamps = props.settings.secondsInTimestamps;
|
this.state.secondsInTimestamps = props.settings.secondsInTimestamps;
|
||||||
this.state.bufferEvents = props.settings.bufferEvents;
|
this.state.bufferEvents = props.settings.bufferEvents;
|
||||||
|
this.state.systemUIFont = props.settings.systemUIFont;
|
||||||
|
|
||||||
this.handleInput = this.handleInput.bind(this);
|
this.handleInput = this.handleInput.bind(this);
|
||||||
this.handleSubmit = this.handleSubmit.bind(this);
|
this.handleSubmit = this.handleSubmit.bind(this);
|
||||||
|
@ -97,6 +98,15 @@ export default class SettingsForm extends Component {
|
||||||
Hide chat events
|
Hide chat events
|
||||||
</label>
|
</label>
|
||||||
<br/><br/>
|
<br/><br/>
|
||||||
|
<label>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="systemUIFont"
|
||||||
|
checked=${this.state.systemUIFont}
|
||||||
|
/>
|
||||||
|
Use system UI font rather than monospace
|
||||||
|
</label>
|
||||||
|
<br/><br/>
|
||||||
|
|
||||||
${protocolHandler}
|
${protocolHandler}
|
||||||
|
|
||||||
|
|
1
state.js
1
state.js
|
@ -213,6 +213,7 @@ export const State = {
|
||||||
settings: {
|
settings: {
|
||||||
secondsInTimestamps: true,
|
secondsInTimestamps: true,
|
||||||
bufferEvents: BufferEventsDisplayMode.FOLD,
|
bufferEvents: BufferEventsDisplayMode.FOLD,
|
||||||
|
systemUIFont: false,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue