Skip to content

Update footer to match Firefox.com#14225

Draft
chrstinalin wants to merge 1 commit into
mozilla:masterfrom
chrstinalin:#15925-footer
Draft

Update footer to match Firefox.com#14225
chrstinalin wants to merge 1 commit into
mozilla:masterfrom
chrstinalin:#15925-footer

Conversation

@chrstinalin

@chrstinalin chrstinalin commented Jun 9, 2026

Copy link
Copy Markdown
Contributor

Relates to mozilla/addons#15925 .

Updates the footer on AMO to better match Firefox.com.
Added additional breakpoint state, since columns became narrower faster but would leave too much empty space.

image image

@chrstinalin chrstinalin marked this pull request as draft June 9, 2026 20:27
@codecov

codecov Bot commented Jun 9, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 98.12%. Comparing base (a8396fb) to head (26450c8).

Additional details and impacted files
@@           Coverage Diff           @@
##           master   #14225   +/-   ##
=======================================
  Coverage   98.12%   98.12%           
=======================================
  Files         266      266           
  Lines       10646    10647    +1     
  Branches     3285     3285           
=======================================
+ Hits        10446    10447    +1     
  Misses        187      187           
  Partials       13       13           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

max-width: $max-content-width;
width: 100%;
gap: 0 2em;
}

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a thought: I am wondering if we shouldn't display: flex the sections instead of attempting to keep the grid.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

My first instinct was to use flex since I was more familiar with it, but given the remaining elements were left justified I was concerned about keeping size in sync in both rows on wrap when stretching elements to fill the space.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually, looking again, there's a scss mixin workaround that looks more verbose. I'll likely try that out.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

(Results in some misaligned between states.)
image

@chrstinalin chrstinalin force-pushed the #15925-footer branch 2 times, most recently from cdee522 to c72d421 Compare June 10, 2026 18:22
@chrstinalin chrstinalin requested review from a team and eviljeff and removed request for a team June 10, 2026 18:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants