Background
@Ladsgroup + @JScherer-WMF were able to update Vector to include new banner footers, a follow-up task from this work would be to ensure that the footer in Minerva is also updated to include footer banners.
User story
As a reader visiting the mobile site, it should be clear from the footer that I am on a Wikimedia site powered by MediaWiki.
Requirements
- Two icons show in the footer on mobile
- The icons are different depending on the screen resolution
BDD
- For QA engineer to fill out
Test Steps
- For QA engineer to fill out
Design
Current implementation on Vector | Current state on Minerva |
---|---|
Designs:
The same icons as on Vector, but scaled down slightly to make sense for mobile.
Alt:
Acceptance criteria
- SkinComponentFooter::getFooterIconsData is updated to generate a picture element which supports different images at different resolutions
- Minerva is updated to read from the data-icons field and render t
( https://en.m.wikipedia.org/wiki/Main_Page?useskin=json )
- When resizing Vector to the tablet breakpoint, the images should adjust to a more compact display (using picture element for example and use https://en.wikipedia.org/static/images/mobile/wikimedia.png icon)
Enable the icons using the following code:
$wgFooterIcons['copyright']['copyright'] = [ 'url' => 'https://wikimediafoundation.org/', 'src' => 'https://en.wikipedia.org/static/images/footer/wikimedia-button.svg', 'src-mobile' => 'https://en.wikipedia.org/static/images/mobile/wikimedia.png', 'width' => 84, 'height' => 29, 'alt' => 'Wikimedia Foundation', ];
Communication criteria - does this need an announcement or discussion?
- Add communication criteria
Rollback plan
- What is the rollback plan in production for this task if something goes wrong?
This task was created by Version 1.2.0 of the Web team task template using phabulous