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

Use semantic headings in user settings Help & About (#10752)

Browse source 
* split SettingsSection out of SettingsTab, replace usage

* correct copyright

* use semantic headings in GeneralRoomSettingsTab

* use SettingsTab and SettingsSubsection in room settings

* fix VoipRoomSettingsTab

* use SettingsSection components in space settings

* settingssubsection text component

* use semantic headings in HelpUserSetttings tab

* use ExternalLink components for external links

* test

* strict

* lint
This commit is contained in:
Kerry 2023-05-04 10:35:43 +12:00 • committed by GitHub
parent bbdca11a02
commit 692d73dfe8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 233 additions and 211 deletions
Download patch file Download diff file Expand all files Collapse all files

21
res/css/components/views/settings/shared/_SettingsSubsection.pcss
View file

@ -20,13 +20,30 @@ limitations under the License.
}
.mx_SettingsSubsection_description {
margin-top: $spacing-8;
}
.mx_SettingsSubsection_text {
width: 100%;
box-sizing: inherit;
line-height: $font-24px;
margin-bottom: $spacing-24;
font-size: $font-15px;
color: $secondary-content;
}
.mx_SettingsSubsection_content {
width: 100%;
display: grid;
grid-gap: $spacing-8;
grid-template-columns: 1fr;
justify-items: flex-start;
margin-top: $spacing-24;
summary {
color: $accent;
}
details[open] {
summary {
margin-bottom: $spacing-8;
}
}
}

1
res/css/components/views/settings/shared/_SettingsSubsectionHeading.pcss
View file

@ -17,7 +17,6 @@ limitations under the License.
.mx_SettingsSubsectionHeading {
display: flex;
flex-direction: row;
padding-bottom: $spacing-8;
gap: $spacing-8;
}