From caae4d955d9cbb345856935f4d4403373a57dd83 Mon Sep 17 00:00:00 2001 From: Bastian Wagner Date: Wed, 5 Aug 2026 13:10:13 +0200 Subject: [PATCH] fix: compensate remaining min-height:100dvh pages for the env banner login, register, forgot-password, reset-password, confirm-email, users, and logs all commit to at least one full viewport tall via min-height:100dvh. Without compensation, the env banner's 28px pushes their content past body's fixed one-viewport box, creating a phantom scrollbar in the dev environment on exactly the routes where confusing dev with prod matters most. Co-Authored-By: Claude Sonnet 5 --- .../src/app/features/auth/confirm-email/confirm-email.scss | 2 +- .../src/app/features/auth/forgot-password/forgot-password.scss | 2 +- .../src/app/features/auth/login/login.scss | 2 +- .../src/app/features/auth/register/register.scss | 2 +- .../src/app/features/auth/reset-password/reset-password.scss | 2 +- myteamwallet_frontend_modern/src/app/features/logs/logs.scss | 2 +- myteamwallet_frontend_modern/src/app/features/users/users.scss | 2 +- 7 files changed, 7 insertions(+), 7 deletions(-) diff --git a/myteamwallet_frontend_modern/src/app/features/auth/confirm-email/confirm-email.scss b/myteamwallet_frontend_modern/src/app/features/auth/confirm-email/confirm-email.scss index 3cd15fa..8b7b548 100644 --- a/myteamwallet_frontend_modern/src/app/features/auth/confirm-email/confirm-email.scss +++ b/myteamwallet_frontend_modern/src/app/features/auth/confirm-email/confirm-email.scss @@ -1,5 +1,5 @@ .auth-page { - min-height: 100dvh; + min-height: calc(100dvh - var(--env-banner-height, 0px)); display: grid; place-items: center; padding: 1rem; diff --git a/myteamwallet_frontend_modern/src/app/features/auth/forgot-password/forgot-password.scss b/myteamwallet_frontend_modern/src/app/features/auth/forgot-password/forgot-password.scss index 4f07e8a..b3578fd 100644 --- a/myteamwallet_frontend_modern/src/app/features/auth/forgot-password/forgot-password.scss +++ b/myteamwallet_frontend_modern/src/app/features/auth/forgot-password/forgot-password.scss @@ -1,5 +1,5 @@ .auth-page { - min-height: 100dvh; + min-height: calc(100dvh - var(--env-banner-height, 0px)); display: grid; place-items: center; padding: 1rem; diff --git a/myteamwallet_frontend_modern/src/app/features/auth/login/login.scss b/myteamwallet_frontend_modern/src/app/features/auth/login/login.scss index 24457ab..224e1cf 100644 --- a/myteamwallet_frontend_modern/src/app/features/auth/login/login.scss +++ b/myteamwallet_frontend_modern/src/app/features/auth/login/login.scss @@ -2,7 +2,7 @@ display: flex; justify-content: center; align-items: center; - min-height: 100dvh; + min-height: calc(100dvh - var(--env-banner-height, 0px)); padding: 1rem; } diff --git a/myteamwallet_frontend_modern/src/app/features/auth/register/register.scss b/myteamwallet_frontend_modern/src/app/features/auth/register/register.scss index 25df2b3..127fb6d 100644 --- a/myteamwallet_frontend_modern/src/app/features/auth/register/register.scss +++ b/myteamwallet_frontend_modern/src/app/features/auth/register/register.scss @@ -1,5 +1,5 @@ .auth-page { - min-height: 100dvh; + min-height: calc(100dvh - var(--env-banner-height, 0px)); display: grid; place-items: center; padding: 1rem; diff --git a/myteamwallet_frontend_modern/src/app/features/auth/reset-password/reset-password.scss b/myteamwallet_frontend_modern/src/app/features/auth/reset-password/reset-password.scss index 48698e7..bdd7f6f 100644 --- a/myteamwallet_frontend_modern/src/app/features/auth/reset-password/reset-password.scss +++ b/myteamwallet_frontend_modern/src/app/features/auth/reset-password/reset-password.scss @@ -1,5 +1,5 @@ .auth-page { - min-height: 100dvh; + min-height: calc(100dvh - var(--env-banner-height, 0px)); display: grid; place-items: center; padding: 1rem; diff --git a/myteamwallet_frontend_modern/src/app/features/logs/logs.scss b/myteamwallet_frontend_modern/src/app/features/logs/logs.scss index 385b713..42e0313 100644 --- a/myteamwallet_frontend_modern/src/app/features/logs/logs.scss +++ b/myteamwallet_frontend_modern/src/app/features/logs/logs.scss @@ -1,6 +1,6 @@ :host { display: block; - min-height: 100dvh; + min-height: calc(100dvh - var(--env-banner-height, 0px)); background: var(--mat-sys-surface); } diff --git a/myteamwallet_frontend_modern/src/app/features/users/users.scss b/myteamwallet_frontend_modern/src/app/features/users/users.scss index f4b80fa..5b91a1c 100644 --- a/myteamwallet_frontend_modern/src/app/features/users/users.scss +++ b/myteamwallet_frontend_modern/src/app/features/users/users.scss @@ -1,6 +1,6 @@ :host { display: block; - min-height: 100dvh; + min-height: calc(100dvh - var(--env-banner-height, 0px)); background: var(--mat-sys-surface); }