element-web/res/css/structures/auth/_CompleteSecurity.pcss
ElementRobot 3fb0f65735
Fix CSS specificity causing icon issues in e2e verification (#31542) (#31548)
(cherry picked from commit 0cfaeaa3a754168e649f95b67c8f0afcbbdbae81)

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2025-12-15 16:39:44 +00:00

54 lines
1023 B
Plaintext

/*
Copyright 2024 New Vector Ltd.
Copyright 2020 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_CompleteSecurity_header {
display: flex;
align-items: center;
}
.mx_E2EIcon.mx_CompleteSecurity_headerIcon {
width: 24px;
height: 24px;
margin-right: 4px;
display: inline-block;
}
.mx_E2EIcon.mx_CompleteSecurity_heroIcon {
width: 128px;
height: 128px;
margin: 0 auto;
}
.mx_CompleteSecurity_skip {
@mixin customisedCancelButton;
position: absolute;
right: 24px;
}
.mx_CompleteSecurity_body {
font-size: $font-15px;
}
.mx_CompleteSecurity_waiting {
color: $tertiary-content;
}
.mx_CompleteSecurity_actionRow {
display: flex;
justify-content: flex-end;
margin-top: $font-28px;
.mx_AccessibleButton {
margin-inline-start: 18px;
&.warning {
color: $alert;
}
}
}