Layout Background Consistency

Purpose

Ensure every page has a continuous background from top to bottom, including short pages.

Scope

In scope: - Base layout background and minimum-height behavior. - Avoiding duplicate per-template background wrappers.

Out of scope: - Theme redesign. - New color systems.

Rule

Background ownership belongs to the base layout, not page templates.

Current implementation: - Base layout applies min-h-screen and background classes on <body>. - Page templates should not redefine page-level background unless explicitly required.

Code locations

  • Base layout: backend/backend/templates/base.html
  • Shared frontend assets: backend/backend/templates/partials/frontend_assets.html
  • Page templates: backend/backend/templates/, backend/blog/templates/

How to verify

  • Build frontend assets: make build (or frontend-specific dev build if needed).
  • Open a short page and confirm no blank background area under content.
  • Open a long page and confirm background remains continuous.

Failure modes to watch

  • Per-template wrappers reintroduce conflicting background classes.
  • Removing min-h-screen from the base body causes gaps on short pages.