[EPIC] New header for desktop improvements project
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Jdrewniak
	Dec 16 2019, 1:13 PM

Description

Background

A key feature of the Desktop Improvements project will be a new and improved site header.

Prototype_of_phase_1_changes_for_Desktop_improvement_project.png (741×1 px, 430 KB)

https://projects.invisionapp.com/freehand/document/kcGxw6AaG
https://people.wikimedia.org/~jdrewniak/dip/

The header will features:

a new logo
a new layout

Some of these features might require structural or architectural changes to MediaWiki Core.
Features are subject to change! Design is iterative and subject to user-feedback.
This task encompasses all the tasks related to building out the new header.

Technical Prerequisites

T237635 - Decide how feature management will work for the Desktop Improvements project inside Vector.

layout

T240489 - A conversation around the Vector DOM structure and whether we should change it.
T239248 - Separate the header into a stand-alone component.
2BTASKD (design) - Do we have a responsive layout for the header?

logo

T232140 - Create a new logo implementation that can account for multiple types of logos (thin/long, square).
- T114695 - Split out the current $mwLogo ResourceLoader module so it isn't loaded unnecessarily.
2BTASKD - Whether to use an <img> tag or a CSS background image for the logo.
2BTASKD [SPIKE] - Investigate how new logo SVGs can be created. Wikipedia has ~300 localized logos, and there are 12 Wikimedia projects to account for.

analytics?

developer notes

Prior art...

collapsible sidebar

https://gerrit.wikimedia.org/r/#/c/mediawiki/skins/Vector/+/530915/

Related Objects
Search...

Status	Subtype	Assigned	Task
Duplicate		None	T54019 Vectorize all project logos
Resolved		Jdlrobson	T309972 [Goal] prepare desktop improvements project for further deployment
Resolved	Goal	ovasileva	T242131 [GOAL] Deploy new header to at least one test wiki
Resolved		Jdlrobson	T240856 [EPIC] New header for desktop improvements project
Resolved		Jdrewniak	T239248 [EPIC] Divide VectorTemplate into components
Resolved		• Niedzielski	T240062 Extract components from VectorTemplate to Mustache files
Resolved		ovasileva	T232140 Separate out logo handling into square image logos and long text/wordmark banner logos
Resolved		Jdforrester-WMF	T244370 Beta: Undefined index: 1x in /srv/mediawiki-staging/php-master/includes/Setup.php on line 186
Resolved	PRODUCTION ERROR	Jdlrobson	T244405 PHP Notice: Undefined offset: 1 in ResourceLoaderSkinModule.php
Resolved		Urbanecm	T246535 Minerva logo at cswiki was deleted
Resolved		Jdlrobson	T114695 Split mediawiki.skinning.interface css files into separate modules
Declined		None	T243268 Alternatives for the header button icons
Duplicate	Spike	None	T244486 [GOAL] Create new logos for all projects for DI header and make sure everyone knows how to use them
Resolved		ovasileva	T246170 Build new logo for Desktop Improvements Header
Resolved		• alexhollender_WMF	T245190 Implement guidelines around logos creation
Open		JScherer-WMF	T252580 Document logo creation guidelines in MediaWiki
Resolved		Edtadros	T252430 Tagline should be centered beneath wordmark
Duplicate		ovasileva	T252816 Custom logo in mobile header
Duplicate		• Demian	T256373 New logo overlaps with the top menu (personal menu) in portrait mode
Duplicate		• Demian	T256895 Simplify logo CSS
Resolved		• alexhollender_WMF	T142426 Create wordmarks for all Wikipedia languages
Resolved		• Nirzar	T171556 Deploy common Wordmarks
Resolved		BukhariSaeed	T171769 Use the correct Urdu Wikipedia logo on mobile site
Resolved		• Nirzar	T168203 Logo change on mobile version of Wikipedia Atikamekw
Resolved		JoeWalsh	T172145 Update iOS splash screen to utilize updated word marks once the word mark project is complete
Open		None	T177436 Logos in app should be localised
Resolved		Ammarpad	T233104 Add localized Wikipedia wordmark to the Silesian (szl) mobile frontend
Resolved		Ammarpad	T200870 Deploy localized wordmark of Wikipedia on mobile site of sdwiki
Resolved		Volker_E	T240728 [Bug] Latin Wikipedia has a stretched logo (was `Create and use the Latin wikipedia (VICIPÆDIA) wordmark on mobile site`)
Resolved		Pikne	T230379 Estonian Wikipedia does not have a SVG wordmark
Duplicate		None	T191176 Use the correct Persian Wikipedia logo on mobile site (by editing the SVG file)
Resolved		Jdlrobson	T128248 MediaWiki,Wikiversity, Wikispecies logos should be updated for consistency
Resolved		Urbanecm	T160491 Update Wikiversity logos
Invalid		None	T171945 Update new logo on wikiversity.org and langcode.wikiversity. org
Resolved		ovasileva	T252143 Update existing outdated wordmarks
Resolved		ovasileva	T254788 Update 5 wordmarks
Declined		None	T252710 Track logo status in dashboard
Duplicate	Spike	ovasileva	T246430 Provide logos for all projects
Duplicate	Spike	• alexhollender_WMF	T252714 Provide logos for 20 largest Wikipedias
Resolved		ovasileva	T258552 Add wordmarks and taglines for 26 more Wikipedias
Resolved		VulpesVulpes825	T260908 Wrong Wordmark and Tagline for Chinese Wikimedia Project
Resolved		Jdlrobson	T261153 Chinese Wikipedia’s wordmark and tagline should change based on variant selection
Resolved	Spike	ovasileva	T258643 Upload wordmark and tagline SVG files to Commons
Resolved		Jdlrobson	T274199 With new Vector skin and Timeless, Meta, Wikimania and Wikitech logos are replaced by the WM Foundation logo
Resolved		Jdlrobson	T274210 [Regression] some beta cluster wikis using official logos
Resolved		• alexhollender_WMF	T273085 Deploy more logos for new DIP pilot wikis
Resolved		ovasileva	T273477 Update Wikivoyage logos (Vector modern & mobile)
Duplicate		None	T264299 German Wikivoyage: select modern Vector skin as default
Resolved		• alexhollender_WMF	T252701 Spike: what to do with Wikivoyage icons in new design?
Declined		• alexhollender_WMF	T273088 Publish special 20th Birthday logos on DIP pilot wikis
Open		None	T252850 [Vector legacy ]Fix a tagline's small font on the logos of some projects
Resolved		StevenSun	T276694 Simplified Chinese logo of zhwiki was overrided by an old version
Open		sgrabarczuk	T321627 Talk to communities where logo is in multiple languages
Resolved	Spike	Jdlrobson	T322041 [Goal] Update all logos for wiki projects (Vector 2022) so we deployments are unblocked
Duplicate		• alexhollender_WMF	T321931 Fix logo in Kyrgyz Wikipedia
Resolved	Spike	ovasileva	T323722 Deploy new logo to Kyrgyz Wikipedia
Resolved		Sneha	T341243 Design: Get icons for remaining Wiktionary, Wikiversity, Wikibooks projects
Resolved		ovasileva	T341242 Design: Get icons for Wikimedia special wikis (including chapters)
Resolved	BUG REPORT	ovasileva	T341257 Design: Provide wordmarks/taglines for Wiktionary projects
Resolved		ovasileva	T341250 Design: Provide wordmarks and taglines for Wikimedia special projects
Open		ovasileva	T348610 Fix alignment issues in logos
Open		ovasileva	T348611 Fix logo clipping issues
Resolved		ovasileva	T341258 Provide wordmarks for Wikinews projects
Resolved		ovasileva	T348757 Provide a wordmark for Thai Wikinews
Resolved		Sneha	T341255 Design: Provide wordmarks/taglines for Wikisource projects
Resolved		Sneha	T341259 Design: Provide wordmarks for Wikivoyage projects
Resolved		ovasileva	T341260 Design: Provide wordmarks for Wikiquote projects
Resolved		Sneha	T341256 Design: Provide wordmarks/taglines for Wikiversity projects
Resolved		ovasileva	T341251 Deploy wordmarks/taglines for Wikibooks projects
Resolved		Sneha	T341252 Provide wordmark and icon for Species Wiki
Resolved		Sneha	T341254 Provide taglines for Wikimania projects
Open		Sneha	T342173 Icons: siwiktionary logo icon should be localized to language
Open	BUG REPORT	Sneha	T342172 Icons: sqwiktionary logo icon should be localized to language
Resolved	Spike	Jdlrobson	T343278 Follow up recent logo deploys (Finnish projects)
Resolved	Spike	Sneha	T343279 Confirm Wikivoyage logos inconsistency is within brand guidelines
Declined	BUG REPORT	Jdlrobson	T343754 Review various logos that combine tagline and wordmark that might appeared "squashed"
Resolved		ovasileva	T343753 Update logos for remaining Wikisource projects
Duplicate		None	T349479 Deploy new logo for Southern Min wikisource
Resolved		Superpes15	T350482 Replace the wordmark for Bengali Wikisource
Resolved	Spike	Volker_E	T249073 [Spike 4hrs] Discuss and agree on nomenclature and rules for template partial usage and CSS organization from experience with header
Resolved	Spike	Jdlrobson	T253669 [SPIKE] Discuss template partials in Vector
Resolved		Jdlrobson	T253671 [SPIKE] What's going on with BEM in Vector?
Resolved		ovasileva	T236176 [EPIC] Build opt-in/opt-out mechanism for desktop improvements project
Resolved	Spike	ovasileva	T237561 [SPIKE 10hrs] Investigate how skin suboptions can be presented in Special:Preferences
Resolved	Spike	phuedx	T237635 [SPIKE] What should feature management look like in desktop improvements?
Resolved		ovasileva	T237636 [SPIKE 10hrs] Build new header within the Vector skin
Resolved	Spike	Volker_E	T240489 [Epic] Determine the optimum Vector DOM structure for a11y and performance
Resolved	Spike	ovasileva	T248761 [modern Vector only] Move indicators underneath firstHeading
Resolved	BUG REPORT	None	T254666 Indicators are unclickable on huwiki
Resolved		Volker_E	T248137 Ensure `#content`, `#footer` and `.portal` code occurrences are element agnostic
Resolved		ovasileva	T66477 Vector: Use semantic HTML5 elements where applicable
Resolved		sgrabarczuk	T252467 Notify editors and users to update their Vector gadgets and user scripts/styles on portal CSS selector simplification
Resolved	BUG REPORT	ovasileva	T256092 [Modern Vector] Fix broken rendering of `main` and element in IE9-11
Resolved		Jdrewniak	T254195 Implement a core 'clearfix' mixin in mediawiki.mixin and evaluate deprecation/removal of 'visualClear' class
Declined	Spike	None	T262872 [Spike] Determine best approach for focusing from the sidebar button into the sidebar
Resolved		• nray	T261802 Switch to header-first DOM
Resolved		ovasileva	T265993 Heading structure & ordering in (new) DOM structure
Resolved	Spike	ovasileva	T242419 [SPIKE] Instrument opt-in/opt-out mechanism for desktop improvements project
Resolved		ovasileva	T242381 Add a Vector skin version preference
Resolved	BUG REPORT	matmarex	T245793 [Firefox 73] Infusing a RadioOptionWidget changes first-child alignment
Resolved		ovasileva	T243281 Build opt-out link for logged-in users with new vector on
Resolved		Jdlrobson	T245456 [Dev] Adopt template partials in Vector and revise sidebar component
Resolved		phuedx	T113095 A cached server-side HTML template should update when you change a partial template which it includes
Resolved		• nray	T250093 Add title attribute to opt-out link
Resolved		Mayakp.wiki	T243071 Update PrefUpdate schema to include edit count
Resolved		Mayakp.wiki	T246028 Data QA for Editcount on PrefUpdate schema
Stalled		ovasileva	T242835 RFC: Standard method for feature-management in skins/extensions
Declined		None	T249918 Desktop Improvements opt-out takes multiple user actions and network roundtrips
Resolved		Edtadros	T248644 Cannot link to subsections on Special:Preferences
Invalid		None	T251405 Change description of desktop improvements opt-in preference
Declined		None	T260570 Improve opt-out functionality in sidebar
Resolved		Jdlrobson	T257247 Prototype a custom logo treatment in new vector