mediawiki-skins-Vector/resources/skins.vector.styles.legacy
Jan Drewniak 3c0559a71d Refactor chevron across components + separate watchstar
Consolidates the CSS responsible for styling chevrons into one
implementation. This removes the need for custom padding and
background positioning for the following components:

- "more" menu
- user menu
- watchstar
- language button
- languge button in sticky header

Instead of absolutely positioning the chevron on these components,
the parent label element is set to `display: inline-flex` so that
the chevron is vertically aligned and given enough space by default.

The watchstar, although not a chevron, is also given the
`display: inline-flex` treatment so that it can be aligned with
other elements in the toolbar.

This new implementation requires splitting the watchstar
component into legacy and modern due to a quirk in Firefox that
causes a bug with the watchstar in legacy Vector.

NOTE: This change causes visual changes due to the difference in
centering the chevrons via flexbox vs percentage positions.

Bug: T308344, T310838
Change-Id: Ie9e0fce1366cd25a5899fee49770de4a09424fe2
2022-07-21 10:14:21 -04:00
..
components Refactor chevron across components + separate watchstar 2022-07-21 10:14:21 -04:00
images styles: Remove divider image fallbacks for now non-basic support browsers 2022-07-19 18:29:09 +00:00
layouts Update Vector menu CSS to use vector-menu-heading instead of h3 2022-03-02 20:05:36 +05:30
skin-legacy.less Refactor chevron across components + separate watchstar 2022-07-21 10:14:21 -04:00