fix(portal-shell): same html/body overflow-y hidden shield as admin
CI / scan (pull_request) Successful in 3m57s
CI / commits (pull_request) Successful in 4m17s
CI / check (pull_request) Successful in 4m31s
CI / a11y (pull_request) Successful in 3m49s
CI / perf (pull_request) Successful in 7m57s

portal-shell's app.scss has the same "100vh shell, internal main
scroll" shape as portal-admin. Mirroring the shield keeps the two
apps consistent — any future layout escape stops at the shell
boundary instead of producing a phantom body scrollbar.
This commit is contained in:
Julien Gautier
2026-05-17 02:29:14 +02:00
parent 67e50be1dc
commit 10d55a6a27
+15
View File
@@ -20,3 +20,18 @@
/* Brand palette tokens — shared with `portal-admin` once it ships. */
@import '../../../libs/shared/tokens/src/brand-tokens.css';
/*
* The shell is a "fills the viewport, never scrolls the body" layout:
* <app-root> is locked at height: 100vh, and <main> owns its own
* overflow-y. If anything inside the shell ever pushes content past
* the viewport (a wide chart, a flex sizing bug, a third-party
* iframe), we'd rather clip than show a phantom body scrollbar plus
* the empty space below the footer that comes with it. The element-
* level overflow on <main> still produces a real, scrollable region
* for content that overflows by design. Same shield as portal-admin.
*/
html,
body {
overflow-y: hidden;
}