mirror of
https://github.com/element-hq/element-web
synced 2024-11-27 11:47:23 +03:00
Merge branch 'jryans/font-text' into 'element'
Fix font input branding See merge request new-vector/element/element-web/matrix-react-sdk!14
This commit is contained in:
commit
f452abf822
3 changed files with 7 additions and 13 deletions
|
@ -58,18 +58,6 @@ export default createReactClass({
|
||||||
imgUrls.push(require("../../../../res/img/icon-email-user.svg"));
|
imgUrls.push(require("../../../../res/img/icon-email-user.svg"));
|
||||||
}
|
}
|
||||||
|
|
||||||
// Removing networks for now as they're not really supported
|
|
||||||
/*
|
|
||||||
var network;
|
|
||||||
if (this.props.networkUrl !== "") {
|
|
||||||
network = (
|
|
||||||
<div className="mx_AddressTile_network">
|
|
||||||
<BaseAvatar width={25} height={25} name={this.props.networkName} title="Riot" url={this.props.networkUrl} />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
|
|
||||||
const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
|
const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
|
||||||
const TintableSvg = sdk.getComponent("elements.TintableSvg");
|
const TintableSvg = sdk.getComponent("elements.TintableSvg");
|
||||||
|
|
||||||
|
|
|
@ -385,6 +385,7 @@ export default class AppearanceUserSettingsTab extends React.Component<IProps, I
|
||||||
};
|
};
|
||||||
|
|
||||||
private renderAdvancedSection() {
|
private renderAdvancedSection() {
|
||||||
|
const brand = SdkConfig.get().brand;
|
||||||
const toggle = <div
|
const toggle = <div
|
||||||
className="mx_AppearanceUserSettingsTab_AdvancedToggle"
|
className="mx_AppearanceUserSettingsTab_AdvancedToggle"
|
||||||
onClick={() => this.setState({showAdvanced: !this.state.showAdvanced})}
|
onClick={() => this.setState({showAdvanced: !this.state.showAdvanced})}
|
||||||
|
@ -395,6 +396,10 @@ export default class AppearanceUserSettingsTab extends React.Component<IProps, I
|
||||||
let advanced: React.ReactNode;
|
let advanced: React.ReactNode;
|
||||||
|
|
||||||
if (this.state.showAdvanced) {
|
if (this.state.showAdvanced) {
|
||||||
|
const tooltipContent = _t(
|
||||||
|
"Set the name of a font installed on your system & %(brand)s will attempt to use it.",
|
||||||
|
{ brand },
|
||||||
|
);
|
||||||
advanced = <>
|
advanced = <>
|
||||||
<SettingsFlag
|
<SettingsFlag
|
||||||
name="useCompactLayout"
|
name="useCompactLayout"
|
||||||
|
@ -424,7 +429,7 @@ export default class AppearanceUserSettingsTab extends React.Component<IProps, I
|
||||||
|
|
||||||
SettingsStore.setValue("systemFont", null, SettingLevel.DEVICE, value.target.value);
|
SettingsStore.setValue("systemFont", null, SettingLevel.DEVICE, value.target.value);
|
||||||
}}
|
}}
|
||||||
tooltipContent="Set the name of a font installed on your system & Riot will attempt to use it."
|
tooltipContent={tooltipContent}
|
||||||
forceTooltipVisible={true}
|
forceTooltipVisible={true}
|
||||||
disabled={!this.state.useSystemFont}
|
disabled={!this.state.useSystemFont}
|
||||||
value={this.state.systemFont}
|
value={this.state.systemFont}
|
||||||
|
|
|
@ -850,6 +850,7 @@
|
||||||
"Message layout": "Message layout",
|
"Message layout": "Message layout",
|
||||||
"Compact": "Compact",
|
"Compact": "Compact",
|
||||||
"Modern": "Modern",
|
"Modern": "Modern",
|
||||||
|
"Set the name of a font installed on your system & %(brand)s will attempt to use it.": "Set the name of a font installed on your system & %(brand)s will attempt to use it.",
|
||||||
"Customise your appearance": "Customise your appearance",
|
"Customise your appearance": "Customise your appearance",
|
||||||
"Appearance Settings only affect this %(brand)s session.": "Appearance Settings only affect this %(brand)s session.",
|
"Appearance Settings only affect this %(brand)s session.": "Appearance Settings only affect this %(brand)s session.",
|
||||||
"Flair": "Flair",
|
"Flair": "Flair",
|
||||||
|
|
Loading…
Reference in a new issue