Change Details

## Background A key feature of the Desktop Improvements project will be a new and improved site header. {F31477752 width=800} 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). - [x] 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. - [] 2BTASKD - The personal menu needs to be vertically aligned with respect to the new search bar position and logo position ####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/

## Background A key feature of the Desktop Improvements project will be a new and improved site header. {F31477752 width=800} 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). - [x] 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/

## Background A key feature of the Desktop Improvements project will be a new and improved site header. {F31477752 width=800} 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). - [x] 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. - [] 2BTASKD - The personal menu needs to be vertically aligned with respect to the new search bar position and logo position ####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/