rbondesson
b0ee6f5323
* Layer Compound and shared component CSS * Layer app theme CSS * Remove !important flags from ActionBarView * Remove unnecessary !important statements from shared components * Avoid dead code errors for *.pcss just because layer is specified after @import url * Remove unnecessary !important styling * Override Banner defaults in RoomStatusBarView * Updated snaps * Updated snaps * Fix styling of media body in app/web * Fix styling for Compound anchors * Fix styling issues in app/web * More styling fixes * Fix a problem extracting css for HTMLExport * Revert changes * Fix for theme styling * Add test to improve coverage * Prettier * Fix styling issues * Add data-kind attribute to avoid global styling override * Update screenshot that now is correct * Revert data-kind attribute * Handle LinkPreview styling in .pcss * Fix flaky test: Avoid racing the lazy-loaded ManageEventIndexDialog * Take care of review comments * Updated snaps * Updated snaps again after merge * Remove !important from RoomStatusBar
42 lines
1.0 KiB
Plaintext
42 lines
1.0 KiB
Plaintext
/*
|
|
Copyright 2023, 2024 New Vector Ltd.
|
|
|
|
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_SettingsSection {
|
|
--SettingsTab_section-margin-bottom-preferences-labs: 30px;
|
|
--SettingsTab_heading_nth_child-margin-top: 30px;
|
|
--SettingsTab_tooltip-max-width: 20px; /* So it fits in the space provided by the page */
|
|
|
|
color: $primary-content;
|
|
|
|
/* Compound links carry data-kind and provide their own colour. */
|
|
a:not([data-kind]) {
|
|
color: $links;
|
|
}
|
|
|
|
&.mx_SettingsSection_newUi {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--cpd-space-6x);
|
|
align-items: start;
|
|
}
|
|
|
|
.mx_SettingsSection_header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--cpd-space-3x);
|
|
color: var(--cpd-color-text-secondary);
|
|
}
|
|
}
|
|
|
|
.mx_SettingsSection_subSections {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr);
|
|
gap: $spacing-32;
|
|
|
|
margin: $spacing-16 0;
|
|
}
|