fix(footer): tighten block-container `padding-bottom` to close white gap

Diagnostics confirmed the "white bar" the user has been describing is
not a separate element — it's ``[data-testid=stApp]``'s solid white
background (``rgb(255,255,255)``, viewport-locked) showing through the
gap between where page content ends and where the fixed Help/Close
footer overlay begins. ``stApp`` stays put while content scrolls
inside it, which is why the bar "doesn't change when scrolling".

The gap exists because ``render_sticky_footer`` overrides the block
container's ``padding-bottom`` to ``3rem`` (48px) to reserve clear
room for the fixed footer. The footer is only ~32-33px tall (min-
height 32px + 0.25rem top/bottom padding), so ~16px of that reserve
was pure visible white space sitting above the buttons.

Reduce ``padding-bottom`` to ``2rem`` (~32px) — just enough to
prevent content from rendering under the footer overlay, no more.
Eliminates the visible gap without exposing text to clipping.

Also remove the diagnostic banner + click-to-inspect iframe from
the home page now that the bar is identified.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-18 22:28:17 +00:00
parent f106275643
commit d487a44170
2 changed files with 6 additions and 161 deletions

View File

@@ -629,7 +629,12 @@ def render_sticky_footer() -> None:
"""
<style>
[data-testid="stAppViewBlockContainer"] {
padding-bottom: 3rem !important;
/* Reserve just enough room for the fixed footer overlay (min-height
32px + 0.25rem * 2 padding ≈ 2rem). Anything larger leaves a
visible white gap above the footer that the user sees as a
"white bar" between content and the Help/Close row — actually
just ``.stApp``'s solid-white background showing through. */
padding-bottom: 2rem !important;
}
#datatools-sticky-footer {
position: fixed !important;