Skip to content

Commit b4edb27

Browse files
puikinshclaude
andcommitted
fix(css): fix sticky footer with layout-fixed and prevent sidebar scroll chaining (#5805, #5864)
- Fixed footer: add min-height: 0 on app-main when layout-fixed is used so the grid row correctly constrains the main area while keeping the footer pinned at bottom. - Sidebar: add overscroll-behavior: contain to sidebar-wrapper to prevent scroll events from propagating to the body on mobile, which could trigger viewport resizes and unintended sidebar collapse. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 7def970 commit b4edb27

10 files changed

Lines changed: 24 additions & 6 deletions

dist/css/adminlte.css

Lines changed: 4 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/css/adminlte.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/css/adminlte.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/css/adminlte.min.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/css/adminlte.rtl.css

Lines changed: 4 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/css/adminlte.rtl.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/css/adminlte.rtl.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/css/adminlte.rtl.min.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/scss/_app-footer.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,4 +20,13 @@
2020
bottom: 0;
2121
z-index: $lte-zindex-fixed-footer;
2222
}
23+
24+
// When layout-fixed is used, app-main has overflow: auto which prevents
25+
// position: sticky from working on the footer. Ensure the grid keeps the
26+
// footer pinned at the bottom while app-main scrolls independently.
27+
&.layout-fixed {
28+
.app-main {
29+
min-height: 0;
30+
}
31+
}
2332
}

src/scss/_app-sidebar.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,6 +78,7 @@
7878
padding-right: $lte-sidebar-padding-x;
7979
padding-bottom: $lte-sidebar-padding-y;
8080
padding-left: $lte-sidebar-padding-x;
81+
overscroll-behavior: contain;
8182
@include scrollbar-color-gray();
8283
@include scrollbar-width-thin();
8384

0 commit comments

Comments
 (0)