mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-25 10:45:51 +03:00
Code Issues Projects Releases Packages Wiki Activity

Make mixin for fields in settings that need to be the same width

Browse source 
and make that width narrower so we can fit a tooltip in the left
hand side (they were a little too wide anyway for the kind of data
being entered, even on a narrow window).
This commit is contained in:
David Baker 2019-08-13 12:53:14 +01:00
parent 7afaba3bf1
commit e07c22a78d
6 changed files with 15 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/_common.scss
View file

@ -559,3 +559,7 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
.mx_Username_color8 { .mx_Username_color8 {
color: $username-variant8-color; color: $username-variant8-color;
} }
@define-mixin mx_Settings_fullWidthField {
margin-right: 200px;
}

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

@ -30,6 +30,10 @@ limitations under the License.
margin-top: 0; margin-top: 0;
} }
.mx_ProfileSettings_controls .mx_Field {
margin-right: 100px;
}
.mx_ProfileSettings_hostingSignup { .mx_ProfileSettings_hostingSignup {
margin-left: 20px; margin-left: 20px;

2
res/css/views/settings/_SetIdServer.scss
View file

@ -15,5 +15,5 @@ limitations under the License.
*/ */
.mx_SetIdServer .mx_Field_input { .mx_SetIdServer .mx_Field_input {
width: 300px; @mixin mx_Settings_fullWidthField;
} }

8
res/css/views/settings/tabs/user/_GeneralUserSettingsTab.scss
View file

@ -16,15 +16,15 @@ limitations under the License.
.mx_GeneralUserSettingsTab_changePassword .mx_Field, .mx_GeneralUserSettingsTab_changePassword .mx_Field,
.mx_GeneralUserSettingsTab_themeSection .mx_Field { .mx_GeneralUserSettingsTab_themeSection .mx_Field {
margin-right: 100px; // Align with the other fields on the page @mixin mx_Settings_fullWidthField;
} }
.mx_GeneralUserSettingsTab_changePassword .mx_Field:first-child { .mx_GeneralUserSettingsTab_changePassword .mx_Field:first-child {
margin-top: 0; margin-top: 0;
} }
.mx_GeneralUserSettingsTab_accountSection > .mx_EmailAddresses, .mx_GeneralUserSettingsTab_accountSection .mx_EmailAddresses,
.mx_GeneralUserSettingsTab_accountSection > .mx_PhoneNumbers, .mx_GeneralUserSettingsTab_accountSection .mx_PhoneNumbers,
.mx_GeneralUserSettingsTab_languageInput { .mx_GeneralUserSettingsTab_languageInput {
margin-right: 100px; // Align with the other fields on the page @mixin mx_Settings_fullWidthField;
} }

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

@ -15,5 +15,5 @@ limitations under the License.
*/ */
.mx_PreferencesUserSettingsTab .mx_Field { .mx_PreferencesUserSettingsTab .mx_Field {
margin-right: 100px; // Align with the rest of the controls @mixin mx_Settings_fullWidthField;
} }

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

@ -15,7 +15,7 @@ limitations under the License.
*/ */
.mx_VoiceUserSettingsTab .mx_Field { .mx_VoiceUserSettingsTab .mx_Field {
margin-right: 100px; // align with the rest of the fields @mixin mx_Settings_fullWidthField;
} }
.mx_VoiceUserSettingsTab_missingMediaPermissions { .mx_VoiceUserSettingsTab_missingMediaPermissions {