Skip to content

Draft: Anchor footer to the bottom of the window (sticky footer)

Sarah German requested to merge sarahg/sticky-footer into main

What does this MR do and why?

On short pages, the page footer can appear in the middle of your browser window since it's positioned relative to the content, not the window.

Ideally the footer appears at the bottom of the window, level with the "Collapse sidebar" toggle, all the time.

This resolves the first task on this issue: #1325 (closed)

Screenshots, screen recordings, or links to review app

WIP

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Configure a local GitLab Docs environment: https://gitlab.com/gitlab-org/gitlab-docs/-/blob/main/doc/setup.md.
  2. Visit some short pages (list here: ) and verify the footer is positioned at the bottom of the page. Visit a few regular long pages as well to check for regressions.

Merge request acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Sarah German

Merge request reports