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.

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.

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

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.

I noticed that the Vector legacy skin in zh.wikipedia.org have a differecen look compare with en.wikipedia.org.

The zh.wikipedia.org have two features which are interestining :1 the blue < button to hide the left side bar menu , 2. the blue up and down arrow to navigate to top and bottom of the pages.

How to appply this into the personal wiki Vector legacy skin ?

The collapsible sidebar is implemented using zh:MediaWiki:Gadget-CollapsibleSidebar.js and the blue arrows through zh:MediaWiki:Gadget-scrollUpButton.js.

I tried editing CSS for the Vector 2022 skin on a Miraheze wiki but literally straight doesn't work. Below is what the CSS scripts used look like

/* All CSS here will be loaded for users of the Vector 2022 skin */

#firstHeading{
	font:30px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h2 {
    font: 24px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h3 {
    font: 18px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h4 {
    font: 16px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h5 {
    font: inherit 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h6 {
    font: inherit 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

@media screen {
  #mw-page-base {
    background-image: linear-gradient(#FFFFFF 45%,rgba(36, 255, 0, 0) 100%);
    background-color: transparent;
  }
  body {
    background-color: papayawhip;
  }
}

div.topicon {
  position: absolute;
  z-index: 10;
  top:-55px;
  right: 10px;
  display: block !important;
}

What do I do to get the CSS scripts working?

If a previously functional custom style sheet stopped working as intended, it is probably because something about the layout has changed. Vector 2022 is a fairly new skin, whereas Vector 2010 is long established.

MW 1.39

When I set $wgDefaultSkin = "vector-2022" , the anonymous user can see the login text but can see the Request Account and Language .

So, I need to swicth the Vestor as default . Once user can login, they can change their appearence to Vector-2022 .

It seems tha Vector-2022 is not offer for any anonymous user ?

There is a login link, but it’s hidden in the … menu. (I agree it’s a terrible UX decision.)

Hi Tacsipacsi, I still can't find any login link from the ... menu. See the site here

https://www.tbpedia.org/wiki/%E9%A6%96%E9%A0%81

I notices a similar discussion on this issues at Talk:Reading/Web/Desktop Improvements#Log-in button missing when anonymous editing is disabled

Managed to fixed it by download the lastest Vector skin. Now you can see the ... menu

An issue has been addressed, the anchor ads.

When hidden, the Vector top bar is moved slightly to the top (on both mobile and desktop version)

Some it may consider as a bug, and some may consider as a feature

Just disable top anchor ads to return to normal

Please give me the link for a MediaWiki wiki with ads and vector skin and an issue on MediaWiki