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",
"vendor.min.js": "vendor.c40cb91530.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;
}
/* Prevent ng-view from scrolling horizontally */
[ng-view] {
body {
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-y: auto !important;
max-width: 100%;
+1 -1
View File
@@ -51,7 +51,7 @@
</head>
<body keypress-events class="d-flex flex-column">
<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
class="position-fixed bottom-0 right-0 p-3"