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

Use semantic headings in user settings - discovery (#10838)

Browse source 
* allow testids in settings sections

* use semantic headings in LabsUserSettingsTab

* put back margin var

* use SettingsTab wrapper

* use semantic headings for deactivate acc section

* use semantic heading in manage integratios

* i18n

* use currentColor in warning-triangle svg, update use in RoomStatusBar

* use semantic headings for discovery section

* test manage integration settings

* test deactivate account section display

* remove SettingsFieldset margins

* threepids styles

* remove debug

* test discovery email and phone
This commit is contained in:
Kerry 2023-05-24 14:37:10 +12:00 • committed by GitHub
parent 9211da20f4
commit 9f011b955b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 407 additions and 123 deletions
Download patch file Download diff file Expand all files Collapse all files

2
res/css/structures/_RoomStatusBar.pcss
View file

@ -160,7 +160,7 @@ limitations under the License.
}
}
.mx_RoomStatusBar_connectionLostBar img {
.mx_RoomStatusBar_connectionLostBar svg {
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;

14
res/css/views/settings/_SetIdServer.pcss
View file

@ -1,5 +1,5 @@
/*
Copyright 2019 The Matrix.org Foundation C.I.C.
Copyright 2019, 2023 The Matrix.org Foundation C.I.C.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
@ -14,8 +14,16 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_SetIdServer .mx_Field_input {
margin-inline-end: var(--SettingsTab_fullWidthField-margin-inline-end);
.mx_SetIdServer {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: $spacing-8;
.mx_Field {
width: 100%;
margin: 0;
}
}
.mx_SetIdServer_tooltip {

3
res/css/views/settings/_SettingsFieldset.pcss
View file

@ -15,7 +15,6 @@ limitations under the License.
*/
.mx_SettingsFieldset {
margin: 10px 80px 10px 0;
box-sizing: content-box;
}
@ -31,8 +30,6 @@ limitations under the License.
}
.mx_SettingsFieldset_description {
color: $settings-subsection-fg-color;
font-size: $font-14px;
display: block;
margin-top: 0;
margin-bottom: 10px;

4
res/css/views/settings/tabs/user/_GeneralUserSettingsTab.pcss
View file

@ -61,6 +61,8 @@ limitations under the License.
margin-left: 5px;
}
.mx_GeneralUserSettingsTab_heading_warningIcon {
.mx_GeneralUserSettingsTab_warningIcon {
vertical-align: middle;
margin-right: $spacing-8;
margin-bottom: 2px;
}