e15f80c371
* style: move compound loading order * fix: spotlight fiting * fix: don't use internal compound css var in settings subsection * fix: don't use internaal compound css var in read receipt group * fix: add important to font settings on body element * fix: remove play pause button color and fix padding This color wasn't apply because this PR. Removing to avoid visual regression * fix: add important to form help message override in preference settings * fix: override compound in space panel buttons * fix: layout of forgot password * fix: height of encryption tab * fix: widget avatar border radius
74 lines
1.8 KiB
Plaintext
74 lines
1.8 KiB
Plaintext
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
.mx_SettingsSubsection {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
|
|
&.mx_SettingsSubsection_newUi {
|
|
display: flex;
|
|
flex-direction: column;
|
|
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 (8px) to the top margin to make the separator visually centered between the subsections.
|
|
* !important because it's overriding compound margin.
|
|
*/
|
|
margin-top: var(--cpd-space-5x) !important;
|
|
}
|
|
}
|
|
|
|
.mx_SettingsSubsection_description {
|
|
margin-top: $spacing-8;
|
|
}
|
|
|
|
.mx_SettingsSubsection_text {
|
|
width: 100%;
|
|
box-sizing: inherit;
|
|
color: $secondary-content;
|
|
}
|
|
|
|
.mx_SettingsSubsection_content {
|
|
width: 100%;
|
|
display: grid;
|
|
gap: var(--cpd-space-4x);
|
|
/* setting minwidth 0 makes columns definitely sized fixing horizontal overflow */
|
|
grid-template-columns: minmax(0, 1fr);
|
|
justify-items: flex-start;
|
|
margin-top: $spacing-24;
|
|
|
|
summary {
|
|
color: $accent;
|
|
}
|
|
details[open] {
|
|
summary {
|
|
margin-bottom: $spacing-8;
|
|
}
|
|
}
|
|
|
|
&.mx_SettingsSubsection_contentStretch {
|
|
justify-items: stretch;
|
|
}
|
|
|
|
&.mx_SettingsSubsection_noHeading {
|
|
margin-top: 0;
|
|
}
|
|
&.mx_SettingsSubsection_content_newUi {
|
|
gap: var(--cpd-space-6x);
|
|
margin-top: 0;
|
|
}
|
|
|
|
.mx_SettingsSubsection_dropdown {
|
|
min-width: 360px;
|
|
}
|
|
}
|