Change Details

##Investigation The code for the Zebra redesign contains a considerable amount of CSS refactors that improve general code quality. Whether or not we move forward with the visual changes in Zebra, we should still investigate folding the under-the-hood refactors into the default vector styles. Most of the refactors have little or no affect on the visual appearance of the Vector skin, and maintaining two distinct CSS modules could be problematic in the long-term (especially with upcoming font-size work that also modifies CSS). Some of these refactors include: - unified styling for pinned & unpinned menus - moving font-size declarations up the DOM to container elements - increased use of rems Relevant patches: https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/910118 https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/911435 ##Outcome Determine which refactors could be folded back into the default Vector CSS module.

##Investigation The code for the Zebra redesign contains a considerable amount of CSS refactors that improve general code quality. Whether or not we move forward with the visual changes in Zebra, we should still investigate folding the under-the-hood refactors into the default vector styles. Most of the refactors have little or no affect on the visual appearance of the Vector skin, and maintaining two distinct CSS modules could be problematic in the long-term (especially with upcoming font-size work that also modifies CSS). Some of these refactors include: - unified styling for pinned & unpinned menus - moving font-size declarations up the DOM to container elements - increased use of rems Relevant patches: https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/910118 https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/911435 ##Outcome * Determine which refactors could be folded back into the default Vector CSS module. * Document and consider the discrepancies in layout between the two designs e.g. horizontal placement of search input / vertical placement of toolbox.

##Investigation The code for the Zebra redesign contains a considerable amount of CSS refactors that improve general code quality. Whether or not we move forward with the visual changes in Zebra, we should still investigate folding the under-the-hood refactors into the default vector styles. Most of the refactors have little or no affect on the visual appearance of the Vector skin, and maintaining two distinct CSS modules could be problematic in the long-term (especially with upcoming font-size work that also modifies CSS). Some of these refactors include: - unified styling for pinned & unpinned menus - moving font-size declarations up the DOM to container elements - increased use of rems Relevant patches: https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/910118 https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/911435 ##Outcome * Determine which refactors could be folded back into the default Vector CSS module. * Document and consider the discrepancies in layout between the two designs e.g. horizontal placement of search input / vertical placement of toolbox.