== Background
In T289716: Create sticky header skeleton we are building the skeleton for the sticky header. This task will cover adding the article title to the stick headery
== Acceptance criteria
Add the following items to the sticky header as per the prototype below:
[] Page title
== Prototype
https://di-community-round-2.web.app/Audre_Lorde
== Mock
{F34629371 width=800}
== Developer notes
The title doesn't change so we should be able to set directly in the sticky header on startup using the existing template data(html-title). Do not introduce a new one).
Title's are generally HTML and can contain formatting and be different from the page name. You'll probably want to test both:
* https://en.wikipedia.org/wiki/IPod
* https://en.wikipedia.org/wiki/Template:Italic_title
Beware long titles! Use the fade out:
{F34642012 width=800}
== QA steps
* Pull up an article locally or on Beta cluster in modern Vector as a logged in user.
* Scroll down to trigger sticky header and note that the article title is in the sticky header.
* Test fade out of article titles longer than 500px - i.e. https://en.wikipedia.org/wiki/Constituency_election_results_in_the_1923_United_Kingdom_general_election (may need [[ https://www.mediawiki.org/wiki/Extension:MobileFrontendContentProvider | MobileFrontendContentProvider ]] extension enabled locally in order to scroll)
== QA Results - Beta
| **AC** | **Status** | **Details** |
| ----- | ----- | ----- |
| 1 | ✅ | T289814#7388552 |
| 2 | ✅ | T289814#7388552 |
== QA Results - Prod
| **AC** | **Status** | **Details** |
| ----- | ----- | ----- |
| 1 | ✅ | T289814#7388566 |
| 2 | ✅ | T289814#7388566 |
== Follow up QA steps:
- To test for example italicized titles, navigate to https://patchdemo.wmflabs.org/wikis/e7ea82b0b2/wiki/Test_Italic_Title?vectorstickyheader=1 and verify that the italicized page title is reflected in the sticky header.