Skin talk:Metrolook

Nesting Entries in Sidebar

Is there anyway to decrease font size or indent entries in the sidebar to create nested lists under a heading? Ideally it would look something like this:

*TOOLS

** Random Page

*** Random Image

>Tools

Random Page

_____Random Image Neutron Titanium (talk) 14:01, 20 July 2015 (UTC)

Yes for example this is the default set for it

div#mw-panel div.portal h5 {

font-family: "Segoe UI Light",Segoe UI,sans-serif;

font-weight: 100;

font-size: 1em;

} Paladox (talk) 09:44, 21 July 2015 (UTC)

So it should work if I decrease the default font size. Is there a way to produce an extra indent? Neutron Titanium (talk) 15:21, 22 July 2015 (UTC)

I am not sure about indent. But

div#mw-panel div.portal h5 { this should work but please do for example font-weight: 100 !important; to make sure the change is applied. You can add that to the theme.less file or theme.css file. Paladox (talk) 16:56, 22 July 2015 (UTC)

Metrolook-tiles-second

I couldn't find out where the second tile bar may appear if setup. Where could I see this? Aonbheannach (talk) 20:44, 27 October 2015 (UTC)

Hi I think that you can have either Metrolook-tiles or Metrolook-tiles-second not both I think. But if you file a task on phabricator as a feature request this may be something we can do.

@Jack Phoenix could I have help to support it. I think they want support to be able to support both tile formats but in different positions. Paladox (talk) 13:58, 29 October 2015 (UTC)

topbar menu

I notice the demo site has different text in the topbar menu. How can we edit the items and text? Icerat (talk) 17:31, 14 January 2016 (UTC)

Hi it is a demo site and only an admin can edit the text. But do you mean the bits where it says edit view source or view or upload file.

Well you can change messages by doing this

Mediawiki:

followe by the message name so for example

MediaWiki:Example Paladox (talk) 23:00, 18 January 2016 (UTC)

Logo on the top bar

I notice on the PidgiWiki site they have a logo rather than the site text. How is this achieved? 81.141.131.145 (talk) 14:51, 11 February 2016 (UTC)

Hi I have added the support in this patch https://gerrit.wikimedia.org/r/#/c/270360/ Paladox (talk) 21:11, 12 February 2016 (UTC)

Thanks, now I just need to learn how to apply a git patch. Great work 81.141.131.145 (talk) 12:16, 13 February 2016 (UTC)

Hi you can just download using git.wikimedia.org.

Download from here https://git.wikimedia.org/tree/mediawiki%2Fskins%2FMetrolook/b433df862595b81a259c922450843cb442009684 and click zip to download. Paladox (talk) 19:47, 13 February 2016 (UTC)

tilegroup black background

Is there a way to change the black background on the downarrow tile menu? Jaxomnia (talk) 10:25, 1 March 2016 (UTC)

Hi I haven't tested but todo it do the following in the theme.less file.

.tilebar {

background: #1D1D1D; # change colour

} Paladox (talk) 18:47, 2 March 2016 (UTC)

Hi Paladox, thanks. but I have added that to the bottom of the theme.less file which has removed all style on my page... so it doesn't work Jaxomnia (talk) 08:41, 3 March 2016 (UTC)

Hi do you mind pasting what you have in theme.less please.

Please do

.tilebar {

background: #1D1D1D !important; // change colour

} Paladox (talk) 20:34, 3 March 2016 (UTC)

Hi Paladox, here's what I've got in the theme.less file:

/* Add your custom theme overrides here */

/* Top Bar colour and hover colour start */

@import "mediawiki.mixins";

#mw-page-base {

background-color: dodgerBlue !important;

background-image: none;

}

@media (max-width:768px) {

#mw-page-base {

background-color: dodgerBlue;

}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

#mw-page-base {

background-color: dodgerBlue;

}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

#mw-page-base {

background-color: dodgerBlue;

}

}

/* Top Bar colour and hover colour */

div.vectorTabs a:hover {

background-color: blue;

}

div.onhoverbg:hover {

background-color: blue;

}

img.downarrow:hover{

background-color: blue;

}

div.vectorMenu:hover h5 a {

background-color: blue;

}

div.vectorMenu h5 a {

background-color: dodgerBlue;

}

div.vectorMenu:hover {

background-color: blue;

}

div.vectorMenu ul {

border: solid 2px dodgerBlue;

border-top: none;

}

@media (max-width: 768px) {

#hamburgerIcon:hover {

background-color: blue;

}

img.editbutton:hover {

background-color: blue;

}

div.actionmenu ul {

border-top: solid 2px dodgerBlue;

}

#left-navigation {

background-color: dodgerBlue;

}

}

.tilebar {

background: #1D1D1D; !important; // change colour

} Jaxomnia (talk) 15:14, 17 March 2016 (UTC)

@Jaxomnia that's because after #1D1D1D you have ; which should not be there instead do this please

.tilebar {

background: #1D1D1D !important; // change colour

} Paladox (talk) 16:30, 17 March 2016 (UTC)

Thank you so so much! that's done it! Jaxomnia (talk) 16:53, 17 March 2016 (UTC)

Your welome Paladox (talk) 17:05, 17 March 2016 (UTC)

Avatars

Is there a way for users to set their own avatars that show up on the top right? MorbidEntree (talk) 19:54, 15 April 2016 (UTC)

Hi yes but it's limited there's a task at https://phabricator.wikimedia.org/T127922 for adding full support without needing an extension to do it.

You can install Extension:SocialProfile which will allow you to change your avatar. Paladox (talk) 11:48, 16 April 2016 (UTC)

Do you know if it's possible to just have the avatar function and none of the other features enabled with that extension? MorbidEntree (talk) 05:53, 18 April 2016 (UTC)

Hi nope you may want to ask here Extension talk:SocialProfile.

But @Jack Phoenix hi is there a way to only enable avaters using SocialProfile. Paladox (talk) 18:33, 18 April 2016 (UTC)

Removing/editing footer links

The following discussion is closed. Please do not modify it. Subsequent comments should be made on the appropriate discussion page. No further edits should be made to this discussion.

---

I was wondering how to remove/add footer links with this skin? It could be really obvious but I haven't been able to find any information on it. I also tried adding footer links through the LocalSettings.php but that didn't seem to work as well. Is that normal? Ortzz (talk) 14:17, 2 August 2016 (UTC)

The discussion above is closed. Please do not modify it. No further edits should be made to this discussion.

How I add my configuration variable

Hello,

It's maybe a ridiculus question but ... I'm able to install the skins but I want to disable the Avatar picture. If I read the documentation, I need add "$wgMetrolookDisableAvatar = false;" ... But in which file?

Thanks for your help :) 109.190.132.255 (talk) 12:24, 7 October 2016 (UTC)

All the server-side configuration ($wg* variables) goes in LocalSettings.php. — Ltrlg (talk), 11:12, 8 October 2016 (UTC)

@Ltrlg thanks, yes LocalSettings.php Paladox (talk) 20:43, 9 October 2016 (UTC)

Error with drop down links.

Hello, I changed my wiki settings to remove the default links in the drop down menu and made it three links instead of four. Now the page will not load and throws the exception "$key must be a string or an array". How can I get back to where I was to fix this? I've tried removing and readding the skin and that didn't help. 2601:742:8104:3B5A:D0FD:E3E5:BD04:A4E2 (talk) 16:50, 29 June 2017 (UTC)

remove the skin as default in localsettings, delete the skin, then reinstall again.

Then select the skin from editing preferences. 203.116.208.9 (talk) 01:18, 5 July 2018 (UTC)

RTL Support

Hey, does this skin support right-to-left languages? Shlomixg (talk) 21:10, 15 September 2017 (UTC)

It follows how vector skin does it. Though note there are big differences. RTL support is untested in the skin though. Paladox (talk) 15:50, 16 September 2017 (UTC)

Problem with POC link with accent

Hello,

I install and configure metrolook skin. It's ok but I see a problem. Some internal page link (example with POC) don't work with metrolook (Ok with vector skin per example).

Example of link :

https://example.com/wiki/AGD2018#R.C3.A9sultat 88.124.63.50 (talk) 12:42, 22 April 2018 (UTC)

Ok, Solution come from mailing :

$wgFragmentMode = [ 'html5', 'legacy' ]; 88.124.63.50 (talk) 18:48, 28 April 2018 (UTC)

Search bar diappears when on tablet

The following discussion is closed. Please do not modify it. Subsequent comments should be made on the appropriate discussion page. No further edits should be made to this discussion.

---

when I log into my website while on a tablet, the search bar disappears. This does not happen with a different theme, so it is specific to this theme and to only a tablet. I can't figure out how to fix it. Zzmonty (talk) 10:41, 4 May 2018 (UTC)

Figured it out. It had to do with the line is tablet.less saying "portrtait" and "landscape" when it should only say "landscape". Zzmonty (talk) 11:46, 4 May 2018 (UTC)

The discussion above is closed. Please do not modify it. No further edits should be made to this discussion.

Issues with the Left Navigation Menu

I noticed on PidgiWiki, the search bar is at the top in the regular navigation menu. However, this isn't the case by default in the Metrolook skin. Is there anyway to make the sidebar in Metrolook behave more like the one on PidgiWiki (search in sidebar, ability to reload the sidebar when resizing from compact to full screen on desktop) KeybladeSpyMaster (talk) 06:34, 25 December 2018 (UTC)

Jump to:

{{{text}}}

Is there a way to remove the "Jump to: navigation, search" that I see on top of all of my pages? Generallund (talk) 02:37, 5 February 2019 (UTC)

I've got a solution. See Planetary protection, example article on my astrobiology wiki.

I added this code to my Mediawiki:Commons.css

.mw-jump{

  visibility: hidden;

display:none

}

Robertinventor (talk) 18:40, 9 May 2019 (UTC)

Error when installing

I really like the look of this skin, I was just giving it a test drive on my development Wiki and got the following error:

( ! ) Warning: md5_file(D:\wamp64\www\devwiki/): failed to open stream: No such file or directory in D:\wamp64\www\devwiki\includes\OutputPage.php on line 3740 Call Stack

1. Time Memory Function Location

1 0.0009 364936 {main}( ) ...\index.php:0 2 0.1669 12941432 MediaWiki->run( ) ...\index.php:42 3 0.1672 12941664 MediaWiki->main( ) ...\MediaWiki.php:524 4 1.9209 33037856 MediaWiki-> {closure:D:\wamp64\www\devwiki\includes\MediaWiki.php:866- 872}( ) ...\MediaWiki.php:880 5 1.9209 33037856 OutputPage->output( ) ...\MediaWiki.php:868 6 1.9245 33405048 OutputPage->addLogoPreloadLinkHeaders( ) ...\OutputPage.php:2351 7 1.9260 33636800 ResourceLoaderSkinModule::getLogo( ) ...\OutputPage.php:3941 8 1.9260 33636800 OutputPage::transformResourcePath( ) ...\ResourceLoaderSkinModule.php:115 9 1.9260 33636824 OutputPage::transformFilePath( ) ...\OutputPage.php:3725 10 1.9260 33636872 md5_file ( ) ...\OutputPage.php:3740 ( ! ) Warning: OutputPage::transformFilePath: Failed to hash D:\wamp64\www\devwiki/ [Called from OutputPage::transformFilePath in D:\wamp64\www\devwiki\includes\OutputPage.php at line 3742] in D:\wamp64\www\devwiki\includes\debug\MWDebug.php on line 309 Call Stack

1. Time Memory Function Location

1 0.0009 364936 {main}( ) ...\index.php:0 2 0.1669 12941432 MediaWiki->run( ) ...\index.php:42 3 0.1672 12941664 MediaWiki->main( ) ...\MediaWiki.php:524 4 1.9209 33037856 MediaWiki-> {closure:D:\wamp64\www\devwiki\includes\MediaWiki.php:866- 872}( ) ...\MediaWiki.php:880 5 1.9209 33037856 OutputPage->output( ) ...\MediaWiki.php:868 6 1.9245 33405048 OutputPage->addLogoPreloadLinkHeaders( ) ...\OutputPage.php:2351 7 1.9260 33636800 ResourceLoaderSkinModule::getLogo( ) ...\OutputPage.php:3941 8 1.9260 33636800 OutputPage::transformResourcePath( ) ...\ResourceLoaderSkinModule.php:115 9 1.9260 33636824 OutputPage::transformFilePath( ) ...\OutputPage.php:3725 10 1.9288 33637768 wfLogWarning( ) ...\OutputPage.php:3742 11 1.9288 33637768 MWDebug::warning( ) ...\GlobalFunctions.php:1139 12 1.9289 33638296 MWDebug::sendMessage( ) ...\MWDebug.php:164 13 1.9289 33638520 trigger_error ( ) ...\MWDebug.php:309

Anyone now what's wrong? I have tried updating the site, but still get the same

Any help is appreciated. Squeak24 (talk) 17:32, 26 February 2019 (UTC)

I have figured it out, it was in the local settings, I wasn't calling the logo correctly. Squeak24 (talk) 12:47, 27 February 2019 (UTC)

I have figured it out, it was in the local settings, I wasn't calling the logo correctly. Squeak24 (talk) 12:47, 27 February 2019 (UTC)

I have figured it out, it was in the local settings, I wasn't calling the logo correctly. Squeak24 (talk) 12:47, 27 February 2019 (UTC)

Why can't I see the notification icon (tray.svg) next to the alert bell?

My conf:

Product	Version
MediaWiki	1.32.5
PHP	7.2.17-0ubuntu0.18.04.1 (apache2handler)
MariaDB	10.1.38-MariaDB-0ubuntu0.18.04.1
ICU	60.2
Elasticsearch	5.6.16

Skin	Version	License	Description	Authors
Metrolook	7.0 alpha 2 (578ddcf) 19:13, October 11, 2018	GPL-2.0-or-later	Metrolook is a Metro-inspired fork of the Vector skin	immewnity, Paladox, Craig Davison and lagleki

@Paladox although it works correctly with Monobook and Vector skins, the ECHO (Notifications) extension does not show the notification icon (tray.svg) in MetroLook but only the bell icon (bell.svg).

Am I miss some configuration parameter?

Any help appreciated. Silkwood (talk) 11:07, 12 December 2019 (UTC)

I'm experiencing the same thing. I assumed that metrolook is simply not compatible with Echo yet. Would love to know what the Metrolook devs have to say on this.

@Paladox - is there a quick answer on this one? Revansx (talk) 18:37, 14 January 2020 (UTC)

Hi, Metrolook should be compatible with Echo. Possibly needs to be fixed to support it again. Paladox (talk) 20:35, 14 January 2020 (UTC)

interesting that you say "again" .. Is there a history of issues with Echo? Revansx (talk) 19:57, 15 January 2020 (UTC)

SOLVED - Sidebar collapsed by default

The following discussion is closed. Please do not modify it. Subsequent comments should be made on the appropriate discussion page. No further edits should be made to this discussion.

---

Hi. I really love this skin. Thank you so much!

Can someone give me a pointer about how to make the Mediawiki:Sidebar (#mw-panel) collapsed by default regardless of screen-size? I see that metrolook uses JS to auto-collapse the sidebar when the main content div gets too crowded.. I'd really like to configure it to have the side bar menu collapsed by default regardless of crowding. Is this easy? Revansx (talk) 15:11, 5 February 2020 (UTC)

I found the line, "media": "screen and (min-width: 982px)" in the file skin.json, that seems to be related to what triggers the mw-panel JS, but I'm out of my area of understanding with json and so am leary about tinkering with it there. Revansx (talk) 15:20, 5 February 2020 (UTC)

@Paladox, is there a CSS statement I can place in Mediawiki:Metrolook.css that would make the side collapsed by default? (such that the user always sees the hamburger icon regardless of the screen size) Thanks! Revansx (talk) 22:40, 17 April 2020 (UTC)

The discussion above is closed. Please do not modify it. No further edits should be made to this discussion.

CSS Problem with VisualEditor

The following discussion is closed. Please do not modify it. Subsequent comments should be made on the appropriate discussion page. No further edits should be made to this discussion.

---

• Metrolook 7.0 alpha 2 (8140b4f) 04:46, 14 April 2018
• MW 1.31.2 (5951e3e)
• Visual Editor 0.1.0 (c3c9140) 00:54, 4 September 2019

Problem - Editing toolbar is "hidden" under the metrolook top banner.

Can someone please explain how to correct this? Revansx (talk) 13:05, 8 April 2020 (UTC)

The discussion above is closed. Please do not modify it. No further edits should be made to this discussion.

Page Forms Extension compatibility problem

I'm using:

• Metrolook 7.0 alpha 2 (48c1b49)
• MediaWiki 1.34.1 (3bdc458) with
• Page Forms Page Forms 4.8

and I use #formlinks with the "popup" option.

Metrolook is causing an odd behavior with the Page Forms "popup" window feature in #formlinks. Clicking on any form field causes the form to automaticly scroll to top of the form window when selecting {{{fields using |popups in Page Form.

My forms are often longer than will fit in the popup display window and so it's great the users can scroll down the form in the popup window.

The issue is that when a user selects a field, the form automatically scrolls back up to the top of the form which makes it impossible for users to keep their place in editing the form.

Is anyone else experiencing this?

Any obvious causes or solutions? Revansx (talk) 19:59, 1 May 2020 (UTC)

• Live demo of the issues: https://emw-meza.site/fbtest/Metrolook_PF_Popup_Issue
• Bug submitted: https://phabricator.wikimedia.org/T251679 Revansx (talk) 13:57, 2 May 2020 (UTC)

Doesn't anyone support this Skin? Revansx (talk) 03:45, 5 May 2020 (UTC)

SOLVED - hack to get 7.0 alpha 3 (48c1b49) to work in MW 1.34.x

The following discussion is closed. Please do not modify it. Subsequent comments should be made on the appropriate discussion page. No further edits should be made to this discussion.

---

I'm running:

• MW 1.34.1 (b1f6480) 18:15, 30 April 2020
• git clone -b REL1_34 https://github.com/wikimedia/mediawiki-skins-Metrolook.git

but i'm having some minor issues and was wondering if the developers would recommend using -b master

Please advise. What is the best version for most up-to-date version compatible with MW 1.34.x. Thansk! Revansx (talk) 00:46, 8 May 2020 (UTC)

I've found that the REL1_35 release of Metrolook is incompatible with MW 1.34.x, due to use of Skin::makeListItem() which doesn't exist. (Metrolook commit b8f4807ccc6f3f9b) TeeEmCee (talk) 03:11, 10 November 2020 (UTC)

So.. I installed version:REL1_35 in my MW 1.34.4 wiki and then replaced every occurrence of makeMetroLookListItem with makeListItem in /skins/Metrolook/MetrolookTemplate.php and it seems to be working great!

Note - this effectively just "undoes" metrolook commmit b8f4807ccc6f3f9b114ada830d664703e02aee68 Revansx (talk) 13:01, 12 March 2021 (UTC)

change:

 skin.json: "MediaWiki": ">= 1.36.0"

to

 skin.json: "MediaWiki": ">= 1.34.0"

and then

replace every occurrence of makeMetroLookListItem with makeListItem in /skins/Metrolook/MetrolookTemplate.php Revansx (talk) 21:28, 23 April 2021 (UTC)

The discussion above is closed. Please do not modify it. No further edits should be made to this discussion.

Is it possible to use the user's "Real Name" or "DisplayTitle" in the top right of metrolook?

Top right of metrolook is always the user's username. Is it possible to use either the user's RealName (if set) or a Display Title Name (if set)? Thanks! Revansx (talk) 00:49, 8 May 2020 (UTC)

Does anyone using Metrolook also use Extension:Page Forms?

• MW 1.34.1 (b1f6480)
• Metrolook 7.0 alpha 2 (48c1b49)
• Page Forms 4.9.4 (c4fb7d3)

I'm experiencing a weird JS focus issue with the "popup" option of the #formlink parser function. I would like to know if anyone else is experiencing it. Basically, the scrollbar *jumps* to the top of the page every time I scroll down and then click on something. Thanks! Revansx (talk) 23:18, 5 August 2020 (UTC)

I like that these skin must be used in all wikimedia wikis

Hello, i like that the skin "Metrolook" must be installed and used in all Wikimedia Wikis, thanks Rodney Araujo (talk) 18:18, 30 October 2020 (UTC)

Text in the top bar menu not centered

Hi, I applied this skin in my wiki and I noticed the text in the top bar (Main Page, Discussion, View etc.) is not centered as it should be and as it is on https://www.pidgi.net/wiki/Main_Page.

But then I was looking at some links here and I see that it is not only my problem, it is the same for other wikis, for instance https://encyclopediaofastrobiology.org/wiki/Main_Page. I thought maybe it is my browser, but it is the same in all browsres and as I said it works correctly on PidgyWiki.

So, how do I center the text? Ludost Mlačani (talk) 23:41, 7 January 2021 (UTC)

Don't know if you have found a solution but, said that I have the same problem, I realized that at PidgyWiki they use this:

==Installed skins==

!Skin

!Version

!License

!Description

!Authors

|-

|Vector

|–

|GPL-2.0-or-later

|Modern version of MonoBook with fresh look and many usability improvements

|Trevor Parscal, Roan Kattouw and others

|}

Hmmm .... Silkwood (talk) 15:55, 4 April 2021 (UTC)

The content links do not work.

The cause seems to be this javascipt error.

Uncaught TypeError: $(...).lastTabIndex is not a function

    at HTMLDocument.<anonymous> (<anonymous>:8:560)

    at mightThrow (load.php?lang=ja&modules=jquery&skin=metrolook&version=tqh7e:49)

    at process (load.php?lang=ja&modules=jquery&skin=metrolook&version=tqh7e:49)

Pneuma01 (talk) 21:10, 13 April 2021 (UTC)

When I looked into this problem, I found that the anchors work fine for English strings, but they seem to stop working for Unicode strings such as Japanese.

This is a great skin and I wanted to use it, but I'm a little disappointed.

Does anyone know how to solve this problem?

Thank you. Pneuma01 (talk) 11:26, 14 April 2021 (UTC)

I added this code to MediaWiki:Metrolook.js and it worked.

$(function(){
	function hasDoubleByte(str) {
	    for (var i = 0, n = str.length; i < n; i++) {
	        if (str.charCodeAt( i ) > 255) { return true; }
	    }
	    return false;
	}
	/**********************************************************************************************
	 * Fix a bug where clicking on an title in the content did not scroll the screen to that section
	 */
	$(".tocnumber,.toctext").off("click").on("click",function(){
		if (hasDoubleByte(this.textContent)){
			var href = $(this).parent().attr("href");
			window.location.replace(href);
			setTimeout(function() {
				$('html, body').animate({
					scrollTop: '-=50'
				}, 200);
			},100);
		}
	});
	/**********************************************************************
	 * Fix the title being hidden in the menu when jumping to the anchor
	 */
	if(location.hash && window.scrollY < document.documentElement.scrollHeight - document.body.clientHeight){
		$('html, body').animate({
			scrollTop: '-=50'
		}, 200);
	}
});

Pneuma01 (talk) 07:32, 22 December 2021 (UTC)

Change .svg icons in skin

The following discussion is closed. Please do not modify it. Subsequent comments should be made on the appropriate discussion page. No further edits should be made to this discussion.

---

I want to change the vector icons that are used in the navigation of the header (ex.user icon). I open .svg in the program Corel Draw, change it, save, upload, but there is an empty space instead of the icon . Please tell me maybe there is some guide on this issue or a guide to settings when saving or anything else that could solve the problem? Mdyug (talk) 05:07, 26 August 2021 (UTC)

The discussion above is closed. Please do not modify it. No further edits should be made to this discussion.

Visual Editor toolbar vanishes in MW 1.35 on h.scroll

The following discussion is closed. Please do not modify it. Subsequent comments should be made on the appropriate discussion page. No further edits should be made to this discussion.

---

When scrolling down to edit a long page the visual editor toolbar vanishes under the top banner with Metrolook branch REL1_35. Anyone else experiencing this?

Product	Version
Metrolook	7.0 alpha 2 (bbdfc9a) 13:37, 23 July 2021
MediaWiki	1.35.3 (aeda3d3)
PHP	7.4.21 (apache2handler)
MariaDB	5.5.68-MariaDB
ICU	50.2
LuaSandbox	4.0.2
Lua	5.1.4
Elasticsearch	6.8.18

Revansx (talk) 01:39, 30 August 2021 (UTC)

The discussion above is closed. Please do not modify it. No further edits should be made to this discussion.

Using Google Fonts with Metrolook

From the Google Fonts pages, I believe this statement would allow Metrolook to use the Ubuntu and Kreon fonts:

@import url(GOOGLE URL FOR KREON AND UBUNTU&display=swap');

I would then like to make Ubuntu the primary sans-serif font, and Kreon the primary serif font.

My problem is, I can't tell which of the many files within the skin is the right place to do this. I think I need to add the font names themselves in variables.less, within these statements:

@font-family-serif: 'Linux Libertine', 'Georgia', 'Times', serif;

@font-family-sans-serif: sans-serif;

But when I added the import statement above into variables.less it seemed to break the skin, it was just pure text with no formatting.

Any help would be appreciated.

NOTE: I was getting linkspam warning for the import statement above, but the Google Fonts seems clear as to how the URL should be formatted. Skalchemist (talk) 18:09, 20 March 2022 (UTC)

The sidebar collapsible headers are broken by the "wikipage.content"

If mw.hook('wikipage.content') fires more than once by Javascript, it will be broken.

Steps to reproduce:

1. Open the debugger in your wiki by pressing Shift+Ctrl+I.
2. In the console, type mw.hook('wikipage.content').fire() and hit enter.
3. Click a header of the sidebar.
   -> The sidebar will be collapsed immediately after it is expanded. Pneuma01 (talk) 00:39, 20 June 2024 (UTC)