use providers-2fa classes instead of positioning to hide authentication providers

Stefan Melmuk
2025-08-07 18:09:29 +02:00
parent fee78da96f
commit 14511d8613

@@ -30,30 +30,30 @@ There are two files you can place here:
**Some examples which you can place inside `user.vaultwarden.scss.hbs`:**
```css
/* Hide `Authenticator app` 2FA (First item of the list) */
app-two-factor-setup ul.list-group.list-group-2fa li.list-group-item:nth-child(1) {
/* Hide `Authenticator app` 2FA */
.providers-2fa-0 {
@extend %vw-hide;
}
/* Hide `YubiKey OTP security key` 2FA (Second item of the list) */
/* Hide `YubiKey OTP security key` 2FA */
/* Note: This will also be hidden automatically if the Yubikey config is net set */
app-two-factor-setup ul.list-group.list-group-2fa li.list-group-item:nth-child(2) {
.providers-2fa-3 {
@extend %vw-hide;
}
/* Hide `Duo` 2FA (Third item of the list) */
app-two-factor-setup ul.list-group.list-group-2fa li.list-group-item:nth-child(3) {
/* Hide `Duo` 2FA */
.providers-2fa-2 {
@extend %vw-hide;
}
/* Hide `FIDO2 WebAuthn` 2FA (Fourth item of the list) */
app-two-factor-setup ul.list-group.list-group-2fa li.list-group-item:nth-child(4) {
/* Hide `FIDO2 WebAuthn` 2FA */
.providers-2fa-7 {
@extend %vw-hide;
}
/* Hide `Email` 2FA (Fifth item of the list) */
/* Hide `Email` 2FA */
/* Note: This will also be hidden automatically if email is not enabled */
app-two-factor-setup ul.list-group.list-group-2fa li.list-group-item:nth-child(5) {
.providers-2fa-1 {
@extend %vw-hide;
}