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 <noreply@anthropic.com>
This commit is contained in:
Bastian Wagner
2026-08-05 13:10:13 +02:00
parent 1738a109a7
commit caae4d955d
7 changed files with 7 additions and 7 deletions

View File

@@ -1,5 +1,5 @@
.auth-page { .auth-page {
min-height: 100dvh; min-height: calc(100dvh - var(--env-banner-height, 0px));
display: grid; display: grid;
place-items: center; place-items: center;
padding: 1rem; padding: 1rem;

View File

@@ -1,5 +1,5 @@
.auth-page { .auth-page {
min-height: 100dvh; min-height: calc(100dvh - var(--env-banner-height, 0px));
display: grid; display: grid;
place-items: center; place-items: center;
padding: 1rem; padding: 1rem;

View File

@@ -2,7 +2,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-height: 100dvh; min-height: calc(100dvh - var(--env-banner-height, 0px));
padding: 1rem; padding: 1rem;
} }

View File

@@ -1,5 +1,5 @@
.auth-page { .auth-page {
min-height: 100dvh; min-height: calc(100dvh - var(--env-banner-height, 0px));
display: grid; display: grid;
place-items: center; place-items: center;
padding: 1rem; padding: 1rem;

View File

@@ -1,5 +1,5 @@
.auth-page { .auth-page {
min-height: 100dvh; min-height: calc(100dvh - var(--env-banner-height, 0px));
display: grid; display: grid;
place-items: center; place-items: center;
padding: 1rem; padding: 1rem;

View File

@@ -1,6 +1,6 @@
:host { :host {
display: block; display: block;
min-height: 100dvh; min-height: calc(100dvh - var(--env-banner-height, 0px));
background: var(--mat-sys-surface); background: var(--mat-sys-surface);
} }

View File

@@ -1,6 +1,6 @@
:host { :host {
display: block; display: block;
min-height: 100dvh; min-height: calc(100dvh - var(--env-banner-height, 0px));
background: var(--mat-sys-surface); background: var(--mat-sys-surface);
} }