Browse Source
make css for login-page position independent (#5906 )
* make css for login-page position independent
starting with v2025.5.1 the login page will have custom classes so the
fields to be disabled can be targeted specifically without risking
side-effects
* hide buttons after cancelling login
pull/5955/head
Stefan Melmuk
2 weeks ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with
23 additions and
3 deletions
src/static/templates/scss/vaultwarden.scss.hbs
@ -21,17 +21,37 @@ a[href$="/settings/sponsored-families"] {
}
/* Hide the `Enterprise Single Sign-On` button on the login page */
app-root form.ng-untouched button.\!tw-text-primary-600:nth-child(4) {
{{ # if ( webver ">=2025.5.1" ) }}
.vw-sso-login {
@extend %vw-hide;
}
{{ else }}
app-root ng-component > form > div:nth-child(1) > div > button[buttontype="secondary"].\!tw-text-primary-600:nth-child(4) {
@extend %vw-hide;
}
{{ / if }}
/* Hide Log in with passkey on the login page */
app-root form.ng-untouched > div > div > button.\!tw-text-primary-600:nth-child(3) {
{{ # if ( webver ">=2025.5.1" ) }}
.vw-passkey-login {
@extend %vw-hide;
}
{{ else }}
app-root ng-component > form > div:nth-child(1) > div > button[buttontype="secondary"].\!tw-text-primary-600:nth-child(3) {
@extend %vw-hide;
}
{{ / if }}
/* Hide the or text followed by the two buttons hidden above */
app-root form.ng-untouched > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) {
{{ # if ( webver ">=2025.5.1" ) }}
.vw-or-text {
@extend %vw-hide;
}
{{ else }}
app-root ng-component > form > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) {
@extend %vw-hide;
}
{{ / if }}
/* Hide Two-Factor menu in Organization settings */
bit-nav-item[route="settings/two-factor"],