Go to file
Jon Robson 68239ae344 Use Codex for button styles, start transitioning icons to use Codex icon mixins
Changes:
- mw-ui-button to cdx-button
- mw-ui-quiet to cdx-button--weight-quiet
- mw-ui-icon-element to cdx-button--icon-only
- mw-ui-icon to vector-icon
- mw-ui-icon-flush-right/left to vector-button-flush-right/left
- Removes $isSmallIcon param in Hooks.php

85 Visual Changes
- ~36 changes from minor pixel changes from the new button classes in the main menu, language button
- 22 from standardizing the padding of the TOC in page title
- ~10 changes from addition of .cdx-button to the TOC toggle buttons

PERFORMANCE:
This will result in an overall increase of 2.7kb of render blocking
CSS, 1kb will be reclaimed when
I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged.

Co-author: Bernard Wang <bwang@wikimedia.org>
Bug: T336526
Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
2023-06-12 16:26:28 -07:00
.phan Upgrade to newer phan 2019-03-20 19:37:59 -07:00
i18n Localisation updates from https://translatewiki.net. 2023-06-12 13:10:21 +02:00
includes Use Codex for button styles, start transitioning icons to use Codex icon mixins 2023-06-12 16:26:28 -07:00
resources Use Codex for button styles, start transitioning icons to use Codex icon mixins 2023-06-12 16:26:28 -07:00
screenshots Add skin screenshot for the installer 2017-08-11 15:37:34 -04:00
skinStyles Use Codex for button styles, start transitioning icons to use Codex icon mixins 2023-06-12 16:26:28 -07:00
tests Use Codex for button styles, start transitioning icons to use Codex icon mixins 2023-06-12 16:26:28 -07:00
.eslintignore Remove Storybook and jsdoc and its dependencies 2023-04-04 21:27:45 +00:00
.eslintrc.json build: Updating npm dependencies 2023-04-27 02:06:37 +00:00
.gitignore Remove Storybook and jsdoc and its dependencies 2023-04-04 21:27:45 +00:00
.gitreview Use track=1 instead of defaultbranch=master in .gitreview 2016-10-24 17:30:32 -07:00
.nvmrc Bump nvmrc to 16.16.0 to match Codex 2023-02-22 03:12:02 +00:00
.phpcs.xml build: Updating mediawiki/mediawiki-codesniffer to 33.0.0 2020-11-17 23:33:50 +01:00
.stylelintignore Remove Storybook and jsdoc and its dependencies 2023-04-04 21:27:45 +00:00
.stylelintrc.json build: Update stylelint-config-wikimedia to 0.13.0 2022-05-16 17:44:12 +01:00
.svgo.config.js build: Update SVGO to v3.0.2 & re-crush icons 2023-03-27 06:10:37 -07:00
bundlesize.config.json Use Codex for button styles, start transitioning icons to use Codex icon mixins 2023-06-12 16:26:28 -07:00
CODE_OF_CONDUCT.md build: Updating mediawiki/mediawiki-codesniffer to 22.0.0 2018-09-04 01:45:34 +00:00
composer.json build: Updating mediawiki/mediawiki-phan-config to 0.12.1 2023-04-28 12:08:52 +00:00
COPYING Use the plain-text GPL and fix 'license-name' to match SPDX conventions 2015-01-29 17:04:29 +01:00
Doxyfile docs: Generate documentation with Doxygen 2020-02-24 16:49:38 +00:00
jest.config.js Add custom limited width popup 2023-04-17 22:35:52 +00:00
jest.setup.js popupNotification Javascript tests 2023-04-20 14:09:33 -07:00
package-lock.json build: Updating npm dependencies 2023-05-24 02:44:25 +00:00
package.json build: Updating npm dependencies 2023-05-24 02:44:25 +00:00
README.md End migration mode 2022-03-23 16:46:42 +00:00
skin.json Use Codex for button styles, start transitioning icons to use Codex icon mixins 2023-06-12 16:26:28 -07:00
tsconfig.json Remove Eslint disable and TypeScript ignore rules, bump coverage 2023-04-13 00:20:44 +00:00

Vector Skin

Installation

See https://www.mediawiki.org/wiki/Skin:Vector.

Configuration options

See skin.json.

Development

Node version

It is recommended to use nvm to use the version of node defined in .nvmrc during local development. This ensures consistency amongst development environments.

Coding conventions

We strive for compliance with MediaWiki conventions:

https://www.mediawiki.org/wiki/Manual:Coding_conventions

Additions and deviations from those conventions that are more tailored to this project are noted at:

https://www.mediawiki.org/wiki/Reading/Web/Coding_conventions

Pre-commit tests

A pre-commit hook is installed when executing npm install. By default, it runs npm test which is useful for automatically validating everything that can be in a reasonable amount of time. If you wish to defer these tests to be executed by continuous integration only, set the PRE_COMMIT environment variable to 0:

$ export PRE_COMMIT=0
$ git commit

Or more succinctly:

$ PRE_COMMIT=0 git commit

Skipping the pre-commit tests has no impact on Gerrit change identifier hooks.

Hooks

See hooks.txt.