mediawiki-skins-Vector/resources/skins.vector.styles/layouts
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
..
gradeC.less [Grid] Vector 2022 layout uses CSS grid 2022-06-07 17:23:08 +00:00
grid.less Layout: Fixes table of contents alignment issues 2022-07-05 21:11:47 +00:00
print.less Hide TOC in print mode and clean up other print styles 2022-06-09 19:15:27 +00:00
screen.less Refactor chevron across components + separate watchstar 2022-07-21 10:14:21 -04:00