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

Fix font & spaces in settings subsection (#28631)

Browse source 
* Fix settings header

* Fix gap between subsection

* Update tests

* Update e2e tests

* Update snapshots
This commit is contained in:
Florian Duros 2024-12-04 15:11:02 +01:00 • committed by GitHub
parent db5b3359c6
commit 5a418f3f19
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 19 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -13,7 +13,16 @@ Please see LICENSE files in the repository root for full details.
&.mx_SettingsSubsection_newUi {
display: flex;
flex-direction: column;
gap: var(--cpd-space-8x);
gap: var(--cpd-space-6x);
}
*[role="separator"] {
/**
* The gap between subsections is 32px and inside the subsection is 24px.
* The separator separates the subsections, so it should have the same gap as the subsections.
* We add 12px and the separator spacing to the top margin to make the separator visually centered between the subsections.
*/
margin-top: calc(var(--cpd-space-3x) + var(--cpd-separator-spacing));
}
}