d82e4db35e
Instead of implementing keyboard (and mouse click) handling in JavaScript, put an invisible <input type="checkbox"> into the dropdown handle. It can be focused and toggled using keyboard actions like a normal checkbox. This checkbox also takes over the duties of handling mouse hovering and clicking. Old JavaScript and CSS are left in place for compatibility with cached page HTML, to be removed later in a follow-up. Bug: T168080 Change-Id: I27532140b06c97921f1cfb64e44bff814d99a358 |
||
|---|---|---|
| components | ||
| i18n | ||
| images | ||
| screenshots | ||
| skinStyles | ||
| .eslintrc.json | ||
| .gitignore | ||
| .gitreview | ||
| .phpcs.xml | ||
| .stylelintrc.json | ||
| CODE_OF_CONDUCT.md | ||
| COPYING | ||
| Gruntfile.js | ||
| README.md | ||
| ResourceLoaderLessModule.php | ||
| SkinVector.php | ||
| Vector.php | ||
| VectorHooks.php | ||
| VectorTemplate.php | ||
| collapsibleTabs.js | ||
| composer.json | ||
| hooks.txt | ||
| jsduck.json | ||
| package.json | ||
| print.less | ||
| responsive.less | ||
| screen-hd.less | ||
| screen.less | ||
| skin.json | ||
| variables.less | ||
| vector.js | ||
README.md
Vector Skin
Configuration options
$wgVectorPrintLogo
Logo used in print styles. Keys are url, width, and height (in
pixels). Note that this solution only works correctly if the image
pointed to by url is an SVG that does not specify width and height
attributes, or its width and height match the corresponding variables
below. Alternatively, a PNG or other type of image can be used, but
its dimensions also need to match the corresponding variable below.
That in turn may result in blurry images, though.
The URL can be absolute or relative.
Example configuration:
$wgVectorPrintLogo = [
'url' => 'https://en.wikipedia.org/static/images/mobile/copyright/wikipedia-wordmark-en.svg',
'width' => 174,
'height' => 27
];
- Type:
Array - Default:
false