Page MenuHomePhabricator

[EPIC] New header for desktop improvements project
Open, HighPublic

Description

Background

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


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

The header will features:

  • a new logo
  • a new layout
  • an improved search experience
  • a button for a collapsible sidebar
  • a table of contents? will it be a sticky header? Stay tuned for more design iterations!

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.
search
  • 2BTASKD - Search might be an area to experiment with a new front-end framework as advised by the FAWG.
  • 2BTASKD - Design a new search UI.
  • 2BTASKD - Consult with the Search Platform team to ensure their core metrics are not impaired by the new search UI.
menu button

This feature should only be added to the header when the collapsible sidebar has been built.

analytics?

developer notes

Prior art...

collapsible sidebar

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

Related Objects

StatusSubtypeAssignedTask
OpenGoalNone
OpenNone
OpenSpikeVolker_E
OpenSpikeVolker_E
OpenVolker_E
ResolvedJdrewniak
ResolvedNiedzielski
Resolvedovasileva
ResolvedJdforrester-WMF
ResolvedJdlrobson
ResolvedUrbanecm
ResolvedJdlrobson
DeclinedNone
ResolvedMayakp.wiki
ResolvedMayakp.wiki
OpenSpikeNone
OpenSpikeJdrewniak
OpenJdlrobson
OpenNone
OpenNone
OpenSpikeNone

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptDec 16 2019, 1:13 PM
Jdrewniak updated the task description. (Show Details)Dec 16 2019, 2:12 PM
Jdrewniak added a subscriber: alexhollender.
ovasileva triaged this task as High priority.Dec 16 2019, 5:42 PM
Jdlrobson updated the task description. (Show Details)Dec 18 2019, 12:08 AM
Demian added a subscriber: Demian.Feb 26 2020, 5:11 AM
Demian updated the task description. (Show Details)Mon, Mar 16, 4:34 PM