1948415 - Create a page header component

Status: RESOLVED FIXED

(Toolkit :: UI Widgets, enhancement)

Description

[Mark Striemer [:mstriemer]]

We'll need a page header component for our Settings Redesign, and this could be reused across other in-content pages. It should require a heading, and allow for an icon, description, support link, breadcrumbs and back button.

This is quite similar to the input base class, but with a heading instead of a span for the label. We could eventually share some layout code, but probably best to make a new thing here to start.

https://www.figma.com/design/2b02v18AppIpsTceWac2T3/Settings-Desktop?node-id=697-14848&t=6MxwIGRLwtwSHA0h-4

Comment 1

[Hanna Jones [:hjones]]

Attachment: Bug 1948415 - Create a moz-page-header component r=#recomp-reviewers

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/cac284bf0e4f
https://hg.mozilla.org/integration/autoland/rev/1c2212abab36
Create a moz-page-header component r=fluent-reviewers,desktop-theme-reviewers,mstriemer,bolsson,dao

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/00a4d600c1e6
https://hg.mozilla.org/integration/autoland/rev/954264ae826d
Revert "Bug 1948415 - Create a moz-page-header component r=fluent-reviewers,desktop-theme-reviewers,mstriemer,bolsson,dao" for causing mochitest failures @ test_moz_page_header.html This reverts commit cac284bf0e4f2efe788cad7757eeeee4b23c6b8d.

Comment 4

[amarc]

Backed out for causing mochitest failures @ test_moz_page_header.html

• Backout link
• Push with failures
• Failure Log

Comment 5

[amarc]

https://hg.mozilla.org/mozilla-central/rev/1c2212abab36

Comment 6

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/f078c3f2cd6c
https://hg.mozilla.org/integration/autoland/rev/343e52838ae3
Create a moz-page-header component r=fluent-reviewers,desktop-theme-reviewers,mstriemer,bolsson,dao

Comment 7

[pstanciu]

https://hg.mozilla.org/mozilla-central/rev/343e52838ae3