PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Standardise the margin for settings tabs (#7963)

Browse source 
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Yukti 2022-05-12 14:39:17 +05:30 committed by GitHub
parent 25428b0415
commit ab26aad406
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
res/css/views/settings/_ProfileSettings.scss
View file

@ -28,12 +28,6 @@ limitations under the License.
.mx_ProfileSettings_controls { .mx_ProfileSettings_controls {
flex-grow: 1; flex-grow: 1;
margin-right: 54px; margin-right: 54px;
// We put the header under the controls with some minor styling to cheat
// alignment of the field with the avatar
.mx_SettingsTab_subheading {
margin-top: 0;
}
} }
.mx_ProfileSettings_controls .mx_Field #profileTopic { .mx_ProfileSettings_controls .mx_Field #profileTopic {

1
res/css/views/settings/tabs/_SettingsTab.scss
View file

@ -27,6 +27,7 @@ limitations under the License.
font-weight: 600; font-weight: 600;
color: $primary-content; color: $primary-content;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 10px;
} }
.mx_SettingsTab_heading:nth-child(n + 2) { .mx_SettingsTab_heading:nth-child(n + 2) {

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

@ -21,6 +21,7 @@ limitations under the License.
.mx_AppearanceUserSettingsTab { .mx_AppearanceUserSettingsTab {
> .mx_SettingsTab_SubHeading { > .mx_SettingsTab_SubHeading {
margin-bottom: 32px; margin-bottom: 32px;
margin-top: 12px;
} }
} }

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

@ -27,6 +27,9 @@ limitations under the License.
} }
.mx_SecurityUserSettingsTab { .mx_SecurityUserSettingsTab {
.mx_SettingsTab_heading {
margin-bottom: 22px;
}
.mx_SettingsTab_section { .mx_SettingsTab_section {
.mx_AccessibleButton_kind_link { .mx_AccessibleButton_kind_link {
padding: 0; padding: 0;

2
res/css/views/settings/tabs/user/_SidebarUserSettingsTab.scss
View file

@ -16,7 +16,7 @@ limitations under the License.
.mx_SidebarUserSettingsTab { .mx_SidebarUserSettingsTab {
.mx_SettingsTab_section { .mx_SettingsTab_section {
margin-top: 10px; margin-top: 12px;
} }
.mx_SidebarUserSettingsTab_subheading { .mx_SidebarUserSettingsTab_subheading {