Vector is the only skin that does this, setting 'position: relative' for .oo-ui-windowManager-modal (normally 'position: static') and for .ve-ui-overlay-global (normally 'position: absolute'). The override for .oo-ui-windowManager-modal caused it to create a new stacking context, which is the only reason the 'z-index' override worked. Use the right selector to override 'z-index' instead. The override for .ve-ui-overlay-global was completely pointless and it's surprising that it never broke anything. Change-Id: Icd1dec43e2da9ef2090b18145099838de3a7890a |
||
---|---|---|
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