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:
J. Ryan Stinnett 2020-07-14 17:08:20 +00:00
commit f452abf822
3 changed files with 7 additions and 13 deletions

View file

@ -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");

View file

@ -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}

View file

@ -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",