fix: keep route overflow out of the page body (#785)

This commit is contained in:
Thomas Durieux
2026-08-20 14:52:45 +02:00
committed by GitHub
parent adb0dcaec2
commit 74ed0c6d51
4 changed files with 13 additions and 5 deletions
+1 -1
View File
@@ -2,5 +2,5 @@
"core.min.js": "core.6332b3c288.min.js", "core.min.js": "core.6332b3c288.min.js",
"vendor.min.js": "vendor.c40cb91530.min.js", "vendor.min.js": "vendor.c40cb91530.min.js",
"mermaid.min.js": "mermaid.f848a72d16.min.js", "mermaid.min.js": "mermaid.f848a72d16.min.js",
"all.min.css": "all.b704319d9c.min.css" "all.min.css": "all.99ce8f3e14.min.css"
} }
+1 -1
View File
File diff suppressed because one or more lines are too long
+10 -2
View File
@@ -158,8 +158,16 @@ body {
overflow-x: hidden; overflow-x: hidden;
} }
/* Prevent ng-view from scrolling horizontally */ body {
[ng-view] { overflow-y: hidden;
}
/* Angular removes the ng-view attribute after compiling the route. Target the
element so it remains the scroll container below the fixed-height header. */
ng-view {
display: block;
flex: 1 1 auto;
min-height: 0;
overflow-x: hidden !important; overflow-x: hidden !important;
overflow-y: auto !important; overflow-y: auto !important;
max-width: 100%; max-width: 100%;
+1 -1
View File
@@ -51,7 +51,7 @@
</head> </head>
<body keypress-events class="d-flex flex-column"> <body keypress-events class="d-flex flex-column">
<ng-include src="'partials/header.htm'"></ng-include> <ng-include src="'partials/header.htm'"></ng-include>
<ng-view class="align-items-stretch h-100 w-100 overflow-auto"></ng-view> <ng-view class="align-items-stretch w-100"></ng-view>
<div <div
class="position-fixed bottom-0 right-0 p-3" class="position-fixed bottom-0 right-0 p-3"