mirror of
https://github.com/vector-im/element-web.git
synced 2025-12-26 03:31:56 +01:00
9ad239f87f
* add variant of ResetIdentityBody for when the user has no verif. methods * no longer distinguish between the using having a passphrase or not * use vertical stack of buttons via EncryptionCard and update wording * swap logic order to match rendering order * use the same dialog when no verification options available * make it agree with the design more * allow signing out on initial login * apply styling changes and remove duplicate elements * fix and add tests * add missing snapshot * Apply suggestions from code review Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> * use a boolean property to disable blurring instead of adding a class * change string identifiers * apply changes from review -- simplify logic * change class name to avoid confusion --------- Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
48 lines
1.1 KiB
Plaintext
48 lines
1.1 KiB
Plaintext
/*
|
|
* Copyright 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_EncryptionCard {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--cpd-space-8x);
|
|
padding: var(--cpd-space-10x);
|
|
border-radius: var(--cpd-space-4x);
|
|
/* From figma */
|
|
box-shadow: 0 1.2px 2.4px 0 rgb(27, 29, 34, 0.15);
|
|
border: 1px solid var(--cpd-color-gray-400);
|
|
|
|
.mx_EncryptionCard_header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--cpd-space-4x);
|
|
align-items: center;
|
|
|
|
> h2 {
|
|
margin: 0;
|
|
}
|
|
|
|
> span {
|
|
color: var(--cpd-color-text-secondary);
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
/* extra class for specifying that we don't need a border */
|
|
&.mx_EncryptionCard_noBorder {
|
|
border: 0px none;
|
|
box-shadow: none;
|
|
padding: 0px;
|
|
}
|
|
}
|
|
|
|
.mx_EncryptionCard_buttons {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--cpd-space-4x);
|
|
justify-content: center;
|
|
}
|