Decorate view keyboard shortcuts link as a link (#7260)

This commit is contained in:
Michael Telatynski 2021-12-02 13:43:10 +00:00 committed by GitHub
parent 5169bca570
commit b69ad0cd0b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 4 deletions

View file

@ -32,6 +32,11 @@ limitations under the License.
margin-top: 20px; margin-top: 20px;
} }
} }
.mx_AccessibleButton_kind_link {
padding: 0;
font-size: inherit;
}
} }
.mx_PreferencesUserSettingsTab_CommunityMigrator { .mx_PreferencesUserSettingsTab_CommunityMigrator {

View file

@ -359,9 +359,13 @@ export default class PreferencesUserSettingsTab extends React.Component<IProps,
<div className="mx_SettingsTab_section"> <div className="mx_SettingsTab_section">
<span className="mx_SettingsTab_subheading">{ _t("Keyboard shortcuts") }</span> <span className="mx_SettingsTab_subheading">{ _t("Keyboard shortcuts") }</span>
<AccessibleButton className="mx_SettingsFlag" onClick={KeyboardShortcuts.toggleDialog}> <div className="mx_SettingsFlag">
{ _t("To view all keyboard shortcuts, click here.") } { _t("To view all keyboard shortcuts, <a>click here</a>.", {}, {
</AccessibleButton> a: sub => <AccessibleButton kind="link" onClick={KeyboardShortcuts.toggleDialog}>
{ sub }
</AccessibleButton>,
}) }
</div>
{ this.renderGroup(PreferencesUserSettingsTab.KEYBINDINGS_SETTINGS) } { this.renderGroup(PreferencesUserSettingsTab.KEYBINDINGS_SETTINGS) }
</div> </div>

View file

@ -1429,7 +1429,7 @@
"Show my Communities": "Show my Communities", "Show my Communities": "Show my Communities",
"If a community isn't shown you may not have permission to convert it.": "If a community isn't shown you may not have permission to convert it.", "If a community isn't shown you may not have permission to convert it.": "If a community isn't shown you may not have permission to convert it.",
"Keyboard shortcuts": "Keyboard shortcuts", "Keyboard shortcuts": "Keyboard shortcuts",
"To view all keyboard shortcuts, click here.": "To view all keyboard shortcuts, click here.", "To view all keyboard shortcuts, <a>click here</a>.": "To view all keyboard shortcuts, <a>click here</a>.",
"Displaying time": "Displaying time", "Displaying time": "Displaying time",
"Composer": "Composer", "Composer": "Composer",
"Code blocks": "Code blocks", "Code blocks": "Code blocks",