"Verify this device" redesign (#30596)

* 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>

This commit is contained in:

Hubert Chathi

2025-09-12 18:37:14 +00:00

committed by

GitHub

co-authored by

Richard van der Hoff

parent 1e0cdf7b14

commit 9ad239f87f

23 changed files with 583 additions and 208 deletions

res/css/views/settings/encryption/_EncryptionCard.pcss

View File

@@ -30,6 +30,13 @@
             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 {