mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-12 01:09:20 +00:00
3c0559a71d
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 |
||
---|---|---|
.. | ||
.eslintrc.json | ||
ArticleToolbar.stories.data.js | ||
ArticleToolbar.stories.js | ||
ButtonsAndIcons.stories.js | ||
Footer.stories.data.js | ||
Footer.stories.js | ||
Header.stories.data.js | ||
Header.stories.js | ||
LanguageButton.stories.data.js | ||
LanguageButton.stories.js | ||
Logo.stories.data.js | ||
Logo.stories.js | ||
Menu.stories.data.js | ||
Menu.stories.js | ||
MenuDropdown.stories.data.js | ||
MenuDropdown.stories.js | ||
MenuPortal.stories.data.js | ||
MenuPortal.stories.js | ||
MenuTabs.stories.data.js | ||
MenuTabs.stories.js | ||
rawLoader.d.ts | ||
SearchBox.stories.data.js | ||
SearchBox.stories.js | ||
Sidebar.stories.data.js | ||
Sidebar.stories.js | ||
skin.less | ||
skin.stories.data.js | ||
skin.stories.js | ||
StickyHeader.stories.data.js | ||
StickyHeader.stories.js | ||
types.js | ||
UserLinks.stories.data.js | ||
UserLinks.stories.js | ||
utils.js |