imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use mx_SettingsTab_subsectionText for the text under the top header of appearance user settings tab (#8822)

Browse source
This commit is contained in:
Suguru Hirahara 2022-06-12 14:52:55 +00:00 • committed by GitHub
parent d1d4cc42bc
commit 18d7f7c525
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
View file

@ -15,8 +15,9 @@ limitations under the License.
*/ */
.mx_AppearanceUserSettingsTab { .mx_AppearanceUserSettingsTab {
> .mx_SettingsTab_SubHeading { .mx_SettingsTab_subsectionText {
margin-block: $spacing-12 $spacing-32; margin-block: $spacing-12 $spacing-32;
color: $primary-content; // Same as mx_SettingsTab
} }
.mx_Field { .mx_Field {

2
src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
View file

@ -143,7 +143,7 @@ export default class AppearanceUserSettingsTab extends React.Component<IProps, I
return ( return (
<div className="mx_SettingsTab mx_AppearanceUserSettingsTab"> <div className="mx_SettingsTab mx_AppearanceUserSettingsTab">
<div className="mx_SettingsTab_heading">{ _t("Customise your appearance") }</div> <div className="mx_SettingsTab_heading">{ _t("Customise your appearance") }</div>
<div className="mx_SettingsTab_SubHeading"> <div className="mx_SettingsTab_subsectionText">
{ _t("Appearance Settings only affect this %(brand)s session.", { brand }) } { _t("Appearance Settings only affect this %(brand)s session.", { brand }) }
</div> </div>
<ThemeChoicePanel /> <ThemeChoicePanel />