Skin talk:Vector

Previous page history was archived for backup purposes at Skin talk:Vector/LQT Archive 1 on 2015-07-10.

Note for questions about the Vector 22 skin please see Skin talk:Vector/2022.

When typing something into the search bar using the Vector 2010 skin and then using the arrow keys on the keyboard to select one of the search results in the search bar, the selected article jumps around randomly in non-chronological order. Issue occurs in incognito tab as well, for both en.wiki using a custom vector skin and de.wiki using its default Vector skin. Started noticing it yesterday (using both Chrome and Edge with default settings). Video for reference.

For the Vector 2022 skin, on the wiki page, it shows $wgVectorMaxWidthOptions but doesn't list what the options are. Does anyone know what options can be used with this? True doesn't work.

Thanks

The default value is roughly equal to

[
	'exclude' => [
		'mainpage' => true,
		'querystring' => [ // These are PCRE regular expressions
			'action' => '(history|edit|submit)',
			'diff' => '.+',
		],
		'pagetitles' => [],
		'namespaces' => [ -1, 14 ],
	],
	'include' => [ 'Special:Preferences' ],
]

which gives you a sense of how it can be configured. There’s some documentation of the structure at https://doc.wikimedia.org/Vector/classMediaWiki_1_1Skins_1_1Vector_1_1ConfigHelper.html#af03d17bc4dad938389d7734c8a8bda8f, although it’s quite unreadably formatted, and it doesn’t mention include at all.

I am trying to update the coloring of the icons in the header for the MediaWiki Vector 2022 template on my Wiki, but I can't seem to figure it out.

I have updated the color of the header to black, and want to make these icons white in the same way Wikipedia have changed them if you switch to dark mode.

I am undating the CSS in the MediaWiki:Vector.css page.

I have looked in the Vector skin to see where these are generated from, but can't seem to locate either the CSS or the icons.

Any help is appreciated.

Hi, I am using MediaWiki 1.40.1 with Vector 2022 skin.

I noticed that for non-logged in visitors, the toolbar is on the left and the sidebar (also on the left) looks as if it is still Vector. Whereas for logged-in users, the toolbar becomes a cool drop-down on the right, and the sidebar looks modernised. I eventually realised that this is a feature, not a bug!

However, when you look at the MediaWiki site itself and other sites like Wikipedia, they have made the appearance consistent for both groups of users, so I'm assuming it must be a simple configuration setting.

So my question is - how do I get the same Vector 2022 appearance for non-logged in users, as for logged-in users?

Thanks in advance!

I have a different but unrelated problem, I was looking into setting pinned sidebar as the default for logged in and non-logged in users. There exists a "vector-main-menu-pinned" user option ($wgDefaultUserOptions) but it seems to be internal and doesn't work if you try to change it ("vector-toc-pinned" does work for some reason).

Documentation is very lacking at the moment, not sure they have this configuration implemented in mind.

Normally, vector-main-menu-pinned=1(in Vector/skin.json line:170), but this is not valid for users who are not logged in, I don't know how to fix it

Any updates on this ? I have the same problem, I want to initialize for non logged users the non pinned menu ? I try to make changes on the VectorMainMenu code but not success...

Hi

How do I get that nice "Appearance" pane taht Wikipedia has now?

Also how do i make new Vector fit the screen size by default?

Some of the wikipedia site has the Full-width toggle

Reading/Web/Desktop Improvements/Features/Limiting content width#Full-width toggle

I want to have this feature in my Wiki website , Vector (2022) skins, but I can't make it to work.

Do I need to install a gadget or set in the Preference Appearence setting. I can't see the (Enable limited width mode) in my preference as well.

The way elements are displayed in inspect element for logged out user is different from logged in user.

@media screen and (min-width: 1000px){

.vector-feature-page-tools-enabled .mw-body {

display: grid;

grid-template: min-content min-content min-content 1fr / minmax(0,72em) min-content;

grid-template-areas:

'titlebar-cx .'

'titlebar columnEnd'

'toolbar columnEnd'

'content columnEnd';

}

}

I copied this from inspect element to Common.css changing minmax(0,72em) to change the content (.mw-body) size. This works for logged-in user, but not for logged-out user. Through inspect element this code doesnt even display in css of .mw-body

Hi - I am using the following in my LocalSettings.php however not-logged in users are all rendered v1 of the skin and logged in users also unless you go to preferences and update the setting to v2 - am I missing something obvious?

$wgDefaultSkin = "vector";

$wgVectorDefaultSkinVersionForExistingAccounts = '2';

$wgVectorDefaultSkinVersionForNewAccounts = '2';

$wgVectorDefaultSkinVersion = '2';

Since MediaWiki 1.38, Vector is technically two separate skins; instead of setting skin version to 2, you need to set the default skin to vector-2022. I’ve updated the documentation.

Entries in MediaWiki:Vector.css have no effect. Any ideas? Using MediaWiki 1.39.4.

Did you enable $wgUseSiteCss?

I do not know, because I don't own the wiki. The problem is that the wiki owner is only available very sporadically and I would like to explore possible causes of the problem in advance. The problem is that the wiki owner is only available very sporadically and I would like to explore possible causes of the problem in advance.

Since the default value of <code>$wgUseSiteCss</code> is set to <code>true</code>, technically it's more of a disable, isn't it? Possibly the owner has set this variable to <code>false</code>. Although that's odd, I don't see why he would have done that. At least you have named a possible cause. Thanks.

The background is that the technical owner recently updated the MediaWiki version to 1.39 and I, being only interface administrator, failed to set the specific skin colors of the wiki.--~~~~

Answered

I am curious as to what the "c" in "#p-cactions" means. My closest guess would be "collapsible".

It was #portlet-contentViews before it was renamed in 73402556f6f7 in April 2004 (long before Vector came into existence), so “c” stands for “content”.

Interesting to know; thank you.