Change Details

== 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}

== 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)

== 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)