Skin talk:Citizen/2023

Upload link on wikis that disabled uploads

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. Skins like Vector hides Upload link from sidebar when uploads disabled. I think same should be applied to Citizen too. I've two wikis in a wiki farm and it shows Upload link in menu even though I've disabled uploads on one of my wikis. 159.146.48.57 (talk) 15:00, 1 January 2023 (UTC)

It sounds like a bug, we'll be looking into it.

How did you disable upload on your wikis? Alistair3149 (talk) 19:31, 1 January 2023 (UTC)

With $wgEnableUpload configuration inside $wgConf 159.146.48.57 (talk) 06:59, 2 January 2023 (UTC)

Should be fixed now. Alistair3149 (talk) 00:27, 4 January 2023 (UTC)

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

Issue: Editor bar overlaps file upload popup

Hi. I've just discovered that editor bar overlaps file upload popup.

See: i.imgur.com/ QrG0oQk.jpg 159.146.48.57 (talk) 12:28, 3 January 2023 (UTC)

Issue 2: I don't know if it's related to Citizen's itself or not, but while English Category pages have "Category page" subtitle, Turkish Category pages have translation of "From <wikiname>" subtitle ("<wikiname> sitesinden" in Turkish). 159.146.48.74 (talk) 14:10, 3 January 2023 (UTC)

Which version of Citizen are you using?

For issue 2, I can't reproduce on several wikis with Turkish. Would you mind to add ?uselang=qqx to the end of the URL of the category page, and take a screenshot? Alistair3149 (talk) 23:35, 3 January 2023 (UTC)

Change fonts?

I've already poked around at the files quite a bit and haven't been able to find where "roboto" is being set as the font so I can change it to my preferred font Mapmaker345 (talk) 20:33, 9 January 2023 (UTC)

Change the CSS variable --font-family-base to the font you want. Alistair3149 (talk) 21:14, 9 January 2023 (UTC)

which file is that variable stored in? there are many LESS files in the skin Mapmaker345 (talk) 00:17, 10 January 2023 (UTC)

You can just define it on MediaWiki:Citizen.css on your wiki Alistair3149 (talk) 09:26, 10 January 2023 (UTC)

Well, I just put this into MediaWiki:Citizen.css:

@import url('https://fonts.googleapis.com/css?family=Istok+Web:400,400i,700,700i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');
:root{
	--font-family-base: "Istok Web", Helvetica, sans-serif;
}

But it doesn't seem to be applied (neither visually, nor by looking in dev tools). What's wrong? Атомный трамвай (talk) 13:36, 31 January 2023 (UTC)

Import rules don't work on those pages. You need to put the content in that URL into the page. Alistair3149 (talk) 08:49, 1 February 2023 (UTC)

special page wont load

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.

---

after setting citizen as default the special page will not load and i get a 500 error. 75.58.124.35 (talk) 07:29, 11 January 2023 (UTC)

that was my post Crazyturtle64 (talk) 07:32, 11 January 2023 (UTC)

What version of MediaWiki and the Citizen skin are you using?

Do you have additional error log?

Did the skin work before you change it to default? Alistair3149 (talk) 10:55, 11 January 2023 (UTC)

Citizen 2.3.1 and MW 1.39.1

skin works except that one page 75.58.124.35 (talk) 06:34, 13 January 2023 (UTC)

Which special page is that? And have you tried it with other skin as well? Alistair3149 (talk) 14:25, 13 January 2023 (UTC)

i started from scratch and was able to get it to load correctly with out some other setting i had . so its not your end it was mine.

but i currently am getting this error in my logs. PHP Warning:  Undefined array key "1.5x" in /Wiki/skins/Citizen/includes/Api/ApiWebappManifest.php on line 86

[13-Jan-2023 20:36:54 UTC] PHP Warning:  Undefined array key "2x" in //Wiki/skins/Citizen/includes/Api/ApiWebappManifest.php on line 86

[13-Jan-2023 20:36:54 UTC] PHP Warning:  Undefined array key "svg" in /Wiki/skins/Citizen/includes/Api/ApiWebappManifest.php on line 86

[13-Jan-2023 21:34:26 UTC] PHP Warning:  Undefined array key "1.5x" in /Wiki/skins/Citizen/includes/Api/ApiWebappManifest.php on line 86

[13-Jan-2023 21:34:26 UTC] PHP Warning:  Undefined array key "2x" Crazyj64 (talk) 22:21, 13 January 2023 (UTC)

Yes it's a known issue that we're going to patch soon. It should be harmless. Alistair3149 (talk) 09:04, 15 January 2023 (UTC)

The undefined array bug should be fixed now Alistair3149 (talk) 07:29, 17 January 2023 (UTC)

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

Adding/Changing Icons in Navbar?

Hi, love the skin and I'm just wondering how to go about editing or adding icons to navbar items in the toggleable menu drawer (such as Special Pages or Upload File)? Thanks! 176.61.105.53 (talk) 22:58, 11 January 2023 (UTC)

There isn't a way currently. Some wiki uses emoji or icon font or CSS to prepend an icon. Alistair3149 (talk) 09:01, 15 January 2023 (UTC)

DisambiguationPageLinks broken?

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.

---

Accessing the DisambiguationPageLinks in Special Pages produces the following error.

/w/Special:DisambiguationPageLinks Error: Class 'MWNamespace' not found

Backtrace:

from /home/389567.cloudwaysapps.com/dawvmufpcx/public_html/extensions/Disambiguator/includes/specials/SpecialDisambiguationPageLinks.php(53)

#0 /home/389567.cloudwaysapps.com/dawvmufpcx/public_html/includes/specialpage/QueryPage.php(512): SpecialDisambiguationPageLinks->getQueryInfo()

#1 /home/389567.cloudwaysapps.com/dawvmufpcx/public_html/includes/specialpage/QueryPage.php(726): QueryPage->reallyDoQuery()

#2 /home/389567.cloudwaysapps.com/dawvmufpcx/public_html/extensions/Disambiguator/includes/specials/SpecialDisambiguationPageLinks.php(172): QueryPage->execute()

#3 /home/389567.cloudwaysapps.com/dawvmufpcx/public_html/includes/specialpage/SpecialPage.php(701): SpecialDisambiguationPageLinks->execute()

#4 /home/389567.cloudwaysapps.com/dawvmufpcx/public_html/includes/specialpage/SpecialPageFactory.php(1428): SpecialPage->run()

#5 /home/389567.cloudwaysapps.com/dawvmufpcx/public_html/includes/MediaWiki.php(316): MediaWiki\SpecialPage\SpecialPageFactory->executePath()

#6 /home/389567.cloudwaysapps.com/dawvmufpcx/public_html/includes/MediaWiki.php(904): MediaWiki->performRequest()

#7 /home/389567.cloudwaysapps.com/dawvmufpcx/public_html/includes/MediaWiki.php(562): MediaWiki->main()

#8 /home/389567.cloudwaysapps.com/dawvmufpcx/public_html/index.php(50): MediaWiki->run()

#9 /home/389567.cloudwaysapps.com/dawvmufpcx/public_html/index.php(46): wfIndexMain()

#10 {main}

Does anyone know how to fix this issue? 5.149.170.90 (talk) 10:57, 12 January 2023 (UTC)

This does not seem to be an issue Citizen.

Which version are you using?

I can not confirm this error using Citizen 2.3.1 and MW 1.39.1

https://star-citizen.wiki/Spezial:Begriffskl%C3%A4rungsseiten Octfx (talk) 11:37, 12 January 2023 (UTC)

MW 1.39.1 and Citizen 2.3.1. It is perplexing to be sure. I can't even find much info on the "MWNamespace" class at all. 5.149.170.90 (talk) 16:25, 12 January 2023 (UTC)

Sounds like an extension error, did you try disabling all loaded extensions? And re-enabling them step by step

Or does it only occur with citizen? i.e. with ?useskin=vector (or something) this does not happen? Octfx (talk) 16:38, 12 January 2023 (UTC)

It turns out it was indeed an outdated extension playing havoc. Updating the extension to its latest version fixed the problem. Lesson learned! Thanks for your help! 5.149.170.90 (talk) 09:30, 13 January 2023 (UTC)

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

Why no search bar?

I prefer the search bar to be visible like on Vector. No extra step clicking the magnifying glass. Also a keyboard shortcut would be nice, something like the ALT-SHIFT-F on Vector. Am I missing a config setting? Flounder ceo (talk) 14:05, 3 February 2023 (UTC)

You can activate the search by typing / Octfx (talk) 14:46, 3 February 2023 (UTC)

That's great! I just tried it and it works. Thank you for the tip. Much better than that ALT-SHIFT-F contortion. Flounder ceo (talk) 16:37, 3 February 2023 (UTC)

Alt + Shift + F support is also added recently, so both shortcut keys work now. Alistair3149 (talk) 20:20, 22 February 2023 (UTC)

Is there a way of putting in a visible search box like in the star citizen wiki? I looked through the template for the main page and couldn't find anything. <inputbox> gives only the default mediawiki search box. InnerCitadel (talk) 10:06, 26 March 2023 (UTC)

The search box in Star Citizen Wiki is just a fake search bar that actually works as a button to trigger the search box. The fake search bar is assigned the ID #skin-citizen-search-trigger, then we use the ID to trigger that search button in Javascript.

This is what is being used on Star Citizen Wiki:

mw.loader.using( [ 'mediawiki.util' ] ).done( function() {
	/* Trigger search box when click on the fake search button on main page */
	if ( mw.config.get( 'wgPageName' ) === 'Star_Citizen_Wiki' ) {
		document.getElementById( 'skin-citizen-search-trigger' ).addEventListener( 'click', function() {
			var event = new Event( 'input', { bubbles: true, composed: true } ),
				checkbox = document.getElementById( 'citizen-search__checkbox' );
			checkbox.checked = true;
			checkbox.dispatchEvent( event );
		} );
	}
} );

Alistair3149 (talk) 18:11, 27 March 2023 (UTC)

Two preferences buttons

Two preferences buttons is confusing. Flounder ceo (talk) 14:21, 3 February 2023 (UTC)

There should be only one. Do you have a screenshot or demo of the issue? Alistair3149 (talk) 01:35, 4 February 2023 (UTC)

There is a gear-shaped button called preferences at the bottom left, which takes you to a preferences screen about theme, font width, etc. Then below that there is a person-shaped button that brings up a menu that has a gear-shaped button labeled preferences that takes you to the traditional MediaWiki preferences screen. Flounder ceo (talk) 22:04, 4 February 2023 (UTC)

They are different. The gear icon is a part of the reading preference from the Citizen skin, which allows all visitors (including anon) to tweak the appearance of the page. The person-shaped icon is the user menu, and the traditional MW preference is from MediaWiki core and only available to logged in users. Alistair3149 (talk) 19:59, 6 February 2023 (UTC)

Is it possible to disable the reading preferences menu entirely? Rasputin 93 (talk) 16:59, 10 March 2023 (UTC)

There isn't a clean way for this, but you can hide the button in CSS Alistair3149 (talk) 04:37, 12 March 2023 (UTC)

Exactly. It's confusing with two menus with identical names and icons. Maybe label the reading preferences button "Reading preferences" or "Theme settings" or "Skin settings", or simply "Settings" or "Appearance settings" and find a slightly different icon? Flounder ceo (talk) 21:55, 6 February 2023 (UTC)

Progress/Spinner bar showing too often

Especially when using the back button in a browser, the spinner/progress/loader bar (not sure what it's called, the one that pulses back and forth to indicate something is in progress) shows at the top of the page and never goes away. Is there a way to fix this, or failing that, disable it entirely? Or put a hard limit on how long it'll show (if still showing after 3 seconds, just stop, for example)? 108.11.195.177 (talk) 18:59, 18 February 2023 (UTC)

It is created through CSS so you can change its property through the `html.citizen-loading` selector. Though it is weird as the back button should remove it after the page is loaded. Do you have a live demo of the issue? Alistair3149 (talk) 19:12, 22 February 2023 (UTC)

Config flags where?

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.

---

In what file are we supposed to add the config flags? 188.149.42.241 (talk) 19:34, 3 March 2023 (UTC)

You can set those values at the end of LocalSettings.php. Octfx (talk) 19:54, 3 March 2023 (UTC)

That's what I did and my entire website broke, refusing to load. 188.149.42.241 (talk) 20:00, 3 March 2023 (UTC)

That sounds like a syntax error.

Settings are in the form of $wgConfigFlagName = 'value';.

Can you post how you've set your values? Octfx (talk) 20:40, 3 March 2023 (UTC)

That was exactly it. I used " instead of '.

Thanks. 188.149.42.241 (talk) 21:16, 3 March 2023 (UTC)

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

Long page titles conflicting with the toolbox menu.

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.

---

Hello, the dropdown menu point of the toolbox gets shifted to the left side of the screen once a page title gets lengthier. This results in the dropdown to only be partially visible, since I disabled any other menu points to anon and this is the only remaining menu visible.

Is there any way to fix this issue? Rasputin 93 (talk) 05:30, 9 March 2023 (UTC)

I don't know how to solve this issue: https://rammwiki.net/wiki/Main_Page

It's not fully visible on mobile. Rasputin 93 (talk) 13:00, 11 May 2023 (UTC)

Got fixed. Rasputin 93 (talk) 17:17, 3 June 2023 (UTC)

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

Infoboxes display issue on narrow screens.

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.

---

On narrow vertical screens, meaning mobile, the infoboxes become horizontally scrollable, and - depending of the font size settings of the skin - the adjacent section title partly appears across it. When I turn my phone or reset the skin display settings to default the issues vanish.

How do I make infoboxes appear normally?

I'd prefer to get them displayed as centered above the following article content when the screen gets too narrow to display both the box and the article content next to each other. Rasputin 93 (talk) 15:02, 10 March 2023 (UTC)

It is unrelated to the skin but how the infobox is styled in CSS. If the infobox is not designed for responsive layout, it might have issues like this. Alistair3149 (talk) 04:37, 12 March 2023 (UTC)

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

Login page ignores MediaWiki:Citizen.css

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 used the CSS to make a bunch of interface adjustments. It works everywhere except on Special:UserLogin. All instructions are ignored, it seems they are not loaded at all. 2A01:E0A:1F1:7BE0:EE9C:73B7:CBA0:E6A6 (talk) 23:38, 23 March 2023 (UTC)

I tried putting the instruction in Common.css, didn't work either. Thanks for any help! 2A01:E0A:1F1:7BE0:EE9C:73B7:CBA0:E6A6 (talk) 23:57, 23 March 2023 (UTC)

It is a MediaWiki default to disallow custom styles on special pages. Simply set $wgAllowSiteCSSOnRestrictedPages to true

https://mediawiki.org/wiki/Manual:$wgAllowSiteCSSOnRestrictedPages Alistair3149 (talk) 20:20, 24 March 2023 (UTC)

Thanks! 2A01:E0A:1F1:7BE0:C029:7C70:9AE7:641A (talk) 18:48, 25 March 2023 (UTC)

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

Remove customization button

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.

---

Is it possible to remove the Skin's built in customization button/function everywhere? 2A01:E0A:1F1:7BE0:EE9C:73B7:CBA0:E6A6 (talk) 23:39, 23 March 2023 (UTC)

There isn't a built-in way currently, but you can hide the menu with CSS Alistair3149 (talk) 20:21, 24 March 2023 (UTC)

In the current latest main branch, you can set $wgCitizenEnablePreferences to false to disable the preferences menu. Alistair3149 (talk) 18:14, 27 March 2023 (UTC)

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

Trying to setup infoboxes, TemplateStyles Sanitized CSS is not reading the color variables in Template:Infobox/styles.css

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 try to change the page content model of Infobox/styles.css to Sanitized CSS, while using the Citizen Skin, and using the Star Citizen Wiki's implementation as a guide for my first run through, the TemplatesStyles Sanitized CSS conversion seems to fail at the stage of reading the variables from the Citizen Skin extension & using them in TemplateStyles css.

The wiki I am working on is currently version 1.39.2,

One specific error message is

EX: Invalid or unsupported value for property background at line 8 character 14

where that line is

background: var( --color-surface-2 );

This occurs for every instance of using the Citizen skin's variables for color.

(while I'm here) I also wanted to say I appreciate a lot how excellent this skin is and I appreciate so much it's usage. Thank you so much for your work on this, it's really paid off in something excellent. Tevarm (talk) 21:27, 2 April 2023 (UTC)

CSS variables are only supported when Extension:TemplateStylesExtender is installed :) Octfx (talk) 21:37, 2 April 2023 (UTC)

Thanks! Appreciated! Sad I missed that, thank you so much. Now to get the rest of info-boxes set up... that will be easy right? (unneeded spoiler, it was not easy, at all) Tevarm (talk) 22:34, 2 April 2023 (UTC)

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

Edit copyright text

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.

---

How do I change the default "Content is available under Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) unless otherwise noted." text? I tried editing my wiki's __:Copyrights page, but it does not affect the bottom Copyright text 82.19.93.170 (talk) 05:56, 8 April 2023 (UTC)

You can set those in Localsettings.php using Manual:$wgRightsText Octfx (talk) 10:36, 8 April 2023 (UTC)

Ah, I neglected to mention that I'm using this skin on Miraheze, but thank you for linking the page; for fellow Miraheze users, change the text on your wiki's MediaWiki:Copyright page 185.69.144.153 (talk) 13:23, 8 April 2023 (UTC)

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

Is it possible to easily change the appearance of header text?

Specifically I am wondering if I can make it so a horizontal line appears below them? Tevarm (talk) 03:04, 11 May 2023 (UTC)

Yeah you can just do it in CSS through MediaWiki:Citizen.css

h2 {
    border-bottom: 1px solid var(--border-color-base );
    padding-bottom: 0.25em;
}

Alistair3149 (talk) 14:08, 17 May 2023 (UTC)

Disable Zoom on Images

Is there a way to disable the zoom function on images when you mouse over them in the skin? 184.103.44.220 (talk) 22:54, 17 May 2023 (UTC)

This can be achieved by adding

.citizen-body a.image:hover > img {
  transform: scale(1) !important;
}

to your MediaWiki:Citizen.css page. Octfx (talk) 08:20, 27 June 2023 (UTC)

Remove Discussion Tab

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.

---

The usual #ca-talk { display:none!important; } in the skin CSS does not remove the discussion tab.

Thanks in advance for any direction here! Trecartin (talk) 18:03, 22 May 2023 (UTC)

Did you omit the space between "none" and "!important;"?

#ca-talk { display: none !important; } works fine for me, I have it in my MediaWiki:Common.css Rasputin 93 (talk) 07:58, 24 May 2023 (UTC)

Huzzah! That worked. It's always the small things. :) Thank you for your help @Rasputin1493! Trecartin (talk) 19:48, 11 June 2023 (UTC)

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

Mediawiki tables cannot have a large white space in a responsive way.

On Chinese wikis, it seems that tables will conflict with templates made with a large number of level 2 or 3 headings, so that mediawiki tables cannot be responsive and have a large white space.

The personal solution is to use <div>the extensive headings template. Or you can redo the box instead of using the form.

It could also be an issue with my configuration. 103.197.69.196 (talk) 09:39, 2 June 2023 (UTC)

There is also a bug：

Warning: Undefined variable $items in /www/wwwroot/araceae.wiki/skins/Citizen/includes/Partials/Drawer.php on line 160.

I used # 103.197.69.196 (talk) 09:53, 2 June 2023 (UTC)

The second issue should be fixed now, do you have a demo for the first issue? Alistair3149 (talk) 18:40, 2 June 2023 (UTC)

Remove "From ___ Wiki" subtitle

Forgive me if this has been explained elsewhere. I am looking for a way to remove the line that appears under the title on all my pages saying "From <name of my wiki>". JussaMouse (talk) 08:02, 9 June 2023 (UTC)

The subtitle can be hidden by placing #siteSub{ display: none !important; } in your wikis MediaWiki:Citizen.css page. Octfx (talk) 08:16, 27 June 2023 (UTC)

Fatal error: skin.json

Good evening! When installing the skin, I get this error, MediaWiki version 1.39.3. Thanks.

Fatal error: Uncaught Exception: Unable to open file **********/skins/Citizen/skin.json: filemtime(): stat failed for**********/skins/Citizen/skin.json in **********/includes/registration/ExtensionRegistry.php:199 Stack trace: #0 * 2A01:540:502:6700:8F4:A05D:DC6:8058 (talk) 18:05, 9 June 2023 (UTC)

The error occurs due to the skin.json file being missing.

Can you check if the Citizen folder exists in the skins folder (with matching capitalization), and <if it exists>, that the skin.json file exists and is not empty? Octfx (talk) 08:15, 27 June 2023 (UTC)

Back to top text variable.

Is it possible to change the back to top into other language? 2001:8F8:1DC9:3DAA:3504:49FB:EBEC:6025 (talk) 07:39, 29 June 2023 (UTC)

You can change the label by editing MediaWiki:Citizen-jumptotop Octfx (talk) 08:08, 29 June 2023 (UTC)

Or you can also submit a translation on TranslateWiki Alistair3149 (talk) 22:02, 17 July 2023 (UTC)

Replacing deprecated functions 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 don't know how pull requests work, I'm sorry. I recently updated to MediaWiki 1.40.0, and it complains about a deprecated function on Userpages. I've managed to "fix" it, but I don't fully understand the consequences of this code.

It's this specific function in includes/Partials/Tagline.php (line 154):

private function buildPageUserObject( $title ) {
	$titleText = $title->getText();
	$userIdentityLookup = MediaWikiServices::getInstance()->getUserIdentityLookup();
	$user = $this->user;

	if ( IPUtils::isIPAddress( $titleText ) ) {
		return $user->newFromAnyId( null, $titleText, null );
	}

	$userIdentity = $userIdentityLookup->getUserIdentityByName( $titleText );
	if ( $userIdentity && $userIdentity->isRegistered() ) {
		return $user->newFromId( $userIdentity->getId() );
	}

	return null;
}

Marx.FelipeForte (talk) 01:49, 17 July 2023 (UTC)

Ohh no worries and thanks for the report! The patch is merged upstream now Alistair3149 (talk) 22:00, 17 July 2023 (UTC)

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

Problems with UniversalLanguageSelector

This is my first experience working on web design with mediawiki, I have followed the UniversalLanguageSelector installation steps as described, but the extension still does not appear on the page itself. I'm using the latest versions of mediawiki and Citizen.

Any idea what could be wrong? Lagc7 (talk) 00:18, 18 July 2023 (UTC)

PortableInfobox glitches

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.

---

What shouldn't happen, viewing the article.

What should happen, shows when viewing the source preview.

When using this skin, PortableInfoboxes are glitched out. They appear normal when in the source preview tho, so it should be able to be fixed.

What happens

The infobox headers show small and on the very left with no padding, and collapsible tabs are impossible to open. Left image is what happens when viewing the article, right image is what happens when viewing the source preview (what it should look like).

What should happen

The infobox should appear how it shows in the source preview, the one without the glitches (right image).

Reproducing the issue

On a MediaWiki installation with the Citizen skin and PortableInfobox extensions,

1. Create a simple infobox for testing (i've supplied code below)
2. Create a page with the infobox (i've supplied code below), you will see how the infobox is glitchy and has the issues described above.
3. Edit the page in source mode
   1. Make a change (correct version doesn't show in preview if you don't make a change)
   2. Click preview, the correct version with no glitches will show.

Source code for an infobox template for testing

<infobox> <title source="name"><default>{{PAGENAME}}</default></title> <image source="image_skyline"><caption source="skyline_caption" /></image> <group collapse="closed"> <header>Other media</header> <image source="image_flag"><caption source="flag_caption"><default>Flag</default></caption></image> <image source="image_seal"><caption source="seal_caption"><default>Seal</default></caption></image> <audio source="anthem"><caption source="anthem_caption" /></audio> </group> <group> <header>Group1</header> <data source="data1"><format>'''Example:''' {{{data1}}}</format></data> <data source="data2"><format>'''Example:''' {{{data2}}}</format></data> <data source="data3"><format>'''Example:''' {{{data3}}}</format></data> </group> </infobox>

Source code for the infobox in an article
{{InfoboxName | name = Example name | image_skyline = Example.svg | skyline_caption = First image | image_flag = Example.jpg | flag_caption = Second image | image_seal = Example.jpeg | seal_caption = Third image | anthem = Example.ogg | anthem_caption = First audio | data1 = First | data2 = Second | data3 = Third }}

FatalFit (talk) 22:38, 25 July 2023 (UTC)

I'm currently experiencing the same problem as well with my wiki. Is there any way to properly resolve this issue? 71.92.218.4 (talk) 04:28, 10 September 2023 (UTC)

Would you be able to verify if the latest in the main branch fixes the issue for you? Alistair3149 (talk) 01:04, 11 September 2023 (UTC)

Unfortunately it's still happening with MediaWiki 1.40.0 and the latest github version. Photo on Imgur FatalFit (talk) 20:54, 16 September 2023 (UTC)

I'm seeing this behavior at main's tip (edfb43ffd85b59a3bc40fb401d624f6e5b4b1077) with MediaWiki 1.40.0. PiperMcCorkle (talk) 07:09, 29 September 2023 (UTC)

I still have this glitch on Mediawiki 1.41. Any suggestion? D0wnl04d3r97 (talk) 22:35, 10 April 2024 (UTC)

I am unable to reproduce it here. What version of Citizen and PortableInfobox are you using? Alistair3149 (talk) 18:11, 17 April 2024 (UTC)

I'm using Citizen 2.11.1 and Portable Infobox 0.6 D0wnl04d3r97 (talk) 00:58, 4 May 2024 (UTC)

Do you have a live demo? I can't reproduce it on a wiki with similar setup, so I'm unable to do anything about it. Alistair3149 (talk) 06:46, 4 May 2024 (UTC)

My wiki is: https://www.croftmanor.it/index.php?title=Rise_of_the_Tomb_Raider

inspecting the page i See that ther is an empty box before any item in the Portable Infobox. How can I edit it and delete these boxes?

I refer to "<div class="pi-item pi-data pi-item-spacing pi-border-color" and <h3 class="pi-data-label pi-secondary-font"></h3>. D0wnl04d3r97 (talk) 14:38, 15 May 2024 (UTC)

Ah I can see what happened, Citizen re-process the whole body content so that it can be separated into sections. The issue with PortableInfobox is that it puts the <p> element within heading elements such as <h3>. This is not valid in HTML5, so the <p> get separated from the <h3> element after Citizen parsed it.

The same issue can be reproduced with MobileFrontend, which used a similiar parser.

https://www.croftmanor.it/index.php?title=Rise_of_the_Tomb_Raider&mobileaction=toggle_view_mobile&useskin=minerva

It is an upstream issue with PortableInfobox and there is not much I can do. I suggest filing the issue at PortableInfobox's issue tracker: https://github.com/Universal-Omega/PortableInfobox/issues Alistair3149 (talk) 21:57, 15 May 2024 (UTC)

Is it possible tu use the default skin only for the Infobox? Just to test if everything is correct using Citizen theme. D0wnl04d3r97 (talk) 15:27, 16 May 2024 (UTC)

No it is not possible. The skin controls the output of the whole page.

It seems that this issue might have be resolved in the latest version of PortableInfobox back in April, perhaps you can try updating it and see if it fixes the issue. Alistair3149 (talk) 19:00, 16 May 2024 (UTC)

Now I have Citizen 2.13.5 but the problem is still there unfortunately. Just tried using other skins but they are fine, the alignment is correct. I don't know why using Citizen the alignment is all fucked up :/ D0wnl04d3r97 (talk) 00:19, 17 May 2024 (UTC)

As I explained above, Citizen (and MobileFrontend as well) did some transformation on the HTML to make collapsible sections. In that process, invalid HTML such as what PortableInfobox did are processed differently, causing the alignment issue.

You need to update PortableInfobox to the latest version (0.7), this bug might have been addressed recently. Alistair3149 (talk) 06:55, 17 May 2024 (UTC)

Thank you so much! Now with 0.7 it works as it should :-) D0wnl04d3r97 (talk) 11:26, 1 June 2024 (UTC)

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

How to work in other namespaces There is also a header folding feature？

How to configure the citizen skin so that its title can also be in other namespaces Collapse the content？

After all, it's a pity that there are no such useful features in a new namespace. 45.144.243.148 (talk) 13:22, 18 October 2023 (UTC)

It should work in any content namespaces. Alistair3149 (talk) 23:46, 2 November 2023 (UTC)

Error loading Citizen skins in MW 1.39.3 ?

I downloaded the Citizen 2.8.4 and installed in MW 1.39.3 , PHP 7.4.33 and SMW 4.1.1

I got the following error in the log mention this version is not compatible with MediaWiki Core ?

Does it means I need to upgrade the MW 1.39.5 ?

[proxy_fcgi:error [pid 791:tid 140449146644224 [client 47.128.43.28:0 AH01071: Got error 'PHP message: PHP Fatal error: Uncaught ExtensionDependencyError: Citizen is not compatible with the current MediaWiki core.............cl...')\n#3 /home/XXX/public_html/w/index.php(44): require('/home/887100.cl...')\n#4 {main}\n thrown in /home/XXX/public_html/w/includes/registration/ExtensionRegistry.php on line 432' Lotusccong (talk) 15:28, 5 November 2023 (UTC)

The minimum requirements for the latest version is 1.39.4 because of a breaking change introduced in core. You will need to update to MW 1.39.4 at least. Alistair3149 (talk) 05:47, 7 November 2023 (UTC)

Icons in search results?

This may be obvious, but I can't figure out how to get images in the article to appear in the search results? I am using ShortDescription and the summary text is visible. I don't see anything obvious in the documentation or listed extensions to control this. 98.97.141.71 (talk) 23:45, 26 December 2023 (UTC)

I finally figured it out... need Extension:PageImages loaded and configured. 98.97.141.71 (talk) 20:33, 27 December 2023 (UTC)

I opened: https://github.com/StarCitizenTools/mediawiki-skins-Citizen/issues/799 to request documentation for this area. ProbablePrime (talk) 22:33, 27 February 2024 (UTC)

Image behaviours

I use Extension:ImageMap on my wiki for navigational map and it seems that the skin Citizen enlarging this image in <imagemap> tag as normal images. On the other hand it sqeezes image on mobile version. I want to disable this image enlarging effect for this one particular image and cannot find how I can do that. Please help 2001:8F8:1B27:1E25:B928:BA06:8238:79C8 (talk) 23:16, 27 December 2023 (UTC)

also it seems that the image class=noresize is completely not working either 2001:8F8:1B27:1E25:B928:BA06:8238:79C8 (talk) 23:44, 27 December 2023 (UTC)

Would you mind to link me to a demo page with the issue? I will see what I can do. Alistair3149 (talk) 19:21, 28 December 2023 (UTC)

I am trying but links might be forbidden here. It is wiki dot theieco dot com 94.206.175.46 (talk) 07:21, 30 December 2023 (UTC)

No updates? 94.206.175.46 (talk) 07:48, 4 January 2024 (UTC)

It's been one month since there is no news about this? 94.206.175.46 (talk) 10:16, 29 January 2024 (UTC)

Sorry I missed the message. There aren't much I can do currently on the skin side because Extension:ImageMap does not load any styles at all until very recently in the latest version. However, you can put the following in MediaWiki:Citizen.css:

img[usemap] {
    transform: none !important;
}

Alistair3149 (talk) 08:58, 30 January 2024 (UTC)