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

Improve SetIntegrationManager (#8878)

Browse source
This commit is contained in:
Suguru Hirahara 2022-06-26 10:43:33 +00:00 • committed by GitHub
parent ea5616a05f
commit 7852e168a0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 33 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

2
res/css/views/elements/_ToggleSwitch.scss
View file

@ -15,6 +15,8 @@ limitations under the License.
*/
.mx_ToggleSwitch {
--ToggleSwitch-min-width: $font-44px;
transition: background-color 0.20s ease-out 0.1s;
width: $font-44px;

34
res/css/views/settings/_SetIntegrationManager.scss
View file

@ -15,22 +15,26 @@ limitations under the License.
*/
.mx_SetIntegrationManager {
margin-top: 10px;
margin-bottom: 10px;
}
.mx_SettingsFlag {
align-items: center;
margin-top: var(--SettingsTab_heading_nth_child-margin-top);
.mx_SetIntegrationManager > .mx_SettingsTab_heading {
margin-bottom: 10px;
}
.mx_SetIntegrationManager_heading_manager {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: $spacing-4;
.mx_SetIntegrationManager > .mx_SettingsTab_heading > .mx_SettingsTab_subheading {
display: inline-block;
padding-left: 5px;
margin-top: 0px;
}
.mx_SettingsTab_heading,
.mx_SettingsTab_subheading {
margin-top: 0;
margin-bottom: 0;
}
}
.mx_SetIntegrationManager .mx_ToggleSwitch {
display: inline-block;
float: right;
top: 9px;
.mx_ToggleSwitch {
align-self: flex-start;
min-width: var(--ToggleSwitch-min-width); // avoid compression
}
}
}

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

@ -16,6 +16,7 @@ limitations under the License.
.mx_SettingsTab {
--SettingsTab_section-margin-bottom-preferences-labs: 30px;
--SettingsTab_heading_nth_child-margin-top: 30px; // TODO: Use a spacing variable
--SettingsTab_fullWidthField-margin-inline-end: 100px;
--SettingsTab_tooltip-max-width: 120px; // So it fits in the space provided by the page
@ -38,7 +39,7 @@ limitations under the License.
margin-bottom: 10px; // TODO: Use a spacing variable
&:nth-child(n + 2) {
margin-top: 30px; // TODO: Use a spacing variable
margin-top: var(--SettingsTab_heading_nth_child-margin-top);
}
}