Skin talk:Poncho

Hello,

We use docker/compose for our Mediawiki. I have brought in extensions through our composer.json file, and now I am trying to bring in this skin.

Under "require"

"mediawiki/poncho": "13.8"

Under "repositories"

"type": "package",

"package": {

"name": "mediawiki/poncho",

"version": "13.8",

"type": "mediawiki-skin",

"source": {

"url": "https://gerrit.wikimedia.org/r/mediawiki/skins/Poncho",

"type": "git",

"reference": "master"

under merge-plugin "include"

"skins/Poncho/composer.json",

I have also tried poncho-skin rather than poncho and skins vs mediawiki for the name under require and repositories. Running composer update updates the lock file appropriately, the folder is created in my local environment, however when I push to staging the folder is not appearing. I have not brought in a skin this way and any insight anybody can offer would be greatly appreciated. Thank you for your time and expertise.

Add custom CSS to your common.css

I really love Poncho, but sometimes wish I could make the sidebar stay visible.

Hi! I guess you can add the following to your common.css:

#poncho-navigation-menu .poncho-menu-list {
	display: block;
	top: 53px;
	left: -9px;
}

You can vary the values of "top" and "left" to control the exact position of the menu. Just don't do this for the site CSS, only your personal CSS, because it won't work well on all screen sizes, especially mobile. Cheers!

I had an old version installed.

Is there any way to get this (very cool) skin to look better on my mobile?

And if not, does anyone know how to force Vector 2022 to be used if visitors use mobile, and Poncho on Desktop?

Hi! Poncho should be responsive on mobile. Could you share a link or screenshot of what you're seeing, and what you expected?

Sure, here are some screenshots I just made on my Android phone of my website Beijerterm.com:

• https://beijer.uk/images/Screenshot_of_poncho_on_Android_in-Chrome1.jpg
• https://beijer.uk/images/Screenshot_of_poncho_on_Android_in-Chrome2.jpg
• https://beijer.uk/images/Screenshot_of_poncho_on_Android_in-Chrome3.jpg

The links are:

• https://beijerterm.com/Home
• https://beijerterm.com/vraagbaak

I wonder what you see on your mobile? Look at how the heading/title, hamburger menu are tiny, for example. Or how tiny the table in on the homepage.

My MediaWiki settings:

https://beijer.uk/images/settings.jpg

Hi, thanks! Could you download the latest version? You currently have 9.4 and the current version is 12.3. Quite a few things changed since 9.4, including many improvements to mobile and responsive modes. Once updated, we can try again. Cheers!

That fixed it! Not sure why I had an old version, I thought I had just clicked Download @ Skin:Poncho

Anyway, it looks great now!

Version 1.8 should have fixed it, user failed to report back.

I'm testing Poncho on the Crypto++ wiki. The skin fails to load with the message:

 Warning:  getimagesize(//www.cryptopp.com/w/images/logo/Logo-Steel.png): failed to open stream: No such file or directory in /var/www/html/w/skins/Poncho/Poncho.php on line 38
 title="Visit the main page" href="/wiki/Main_Page" style="background-image: url("/w/images/logo/Logo-Steel.png");">Crypto++ Wiki
 Fatal error:  OOUI\Exception: OOUI\Theme::singleton was called with no singleton theme set. in /var/www/html/w/vendor/oojs/oojs-ui/php/Theme.php:31 Stack trace: #0 /var/www/html/w/vendor/oojs/oojs-ui/php/Element.php(242): OOUI\Theme::singleton() #1 /var/www/html/w/vendor/oojs/oojs-ui/php/Tag.php(462): OOUI\Element->toString() #2 /var/www/html/w/skins/Poncho/Poncho.php(29): OOUI\Tag->__toString() #3 /var/www/html/w/skins/Poncho/Poncho.phtml(12): PonchoTemplate->searchInput() #4 /var/www/html/w/skins/Poncho/Poncho.php(138): include('/var/www/html/w...') #5 /var/www/html/w/includes/skins/SkinTemplate.php(227): PonchoTemplate->execute() #6 /var/www/html/w/includes/OutputPage.php(2706): SkinTemplate->outputPage() #7 /var/www/html/w/includes/MediaWiki.php(867): OutputPage->output(true) #8 /var/www/html/w/includes/MediaWiki.php(879): MediaWiki->{closure}() #9 /var/www/html/w/includes/MediaWiki.php(517): MediaWiki->main() #10 /var/www/html/w/index.php(42): MediaWiki->run() #11 {main} in /var/www/html/w/vendor/oojs/oojs-ui/php/Tag.php on line 464

Thanks for the report. I just submitted a patch that should fix this. Please download the latest version (1.8) and reopen this topic if the issue persists. Cheers!

Thanks @Sophivorus.

I'm still seeing the issue with Poncho's GitHub master.

This may have something to do with it:

#grep cryptopp.com LocalSettings.php

$wgServer           = '//www.cryptopp.com';
$wgEmergencyContact = "noreply@cryptopp.com";
$wgPasswordSender   = "noreply@cryptopp.com";

The $wgServer and forward slashes of '//www.cryptopp.com' means it is protocol agnostic (iirc). Mediawiki serves from HTTP or HTTPS, depending on how the client connects.

I tried to drop an image of the browser window !here!, but Mediawiki ignores my drop/upload. Sorry about that.

This also may have something to do with it: OOUI\Exception occurs when try to insert "https://w" to page.

Sorry I cannot help more. I'm a C/C++ guy. I know little to nothing about web programming. All I am is an administrator who tries to ensure users have good quality documentation.

Our VM is CentOS 7. Cent provides antique software so we have Software Collections (SCL) enabled. That gets us PHP 7.1 and Apache 2.4. We run Mediawiki 1.32.4 from the mw tarball.

And sorry about reopening the report. I could not comment otherwise. My email is noloader, gmail if you would like to have sidebar conversation.

Hi! I just made a fresh MediaWiki 1.32.4 install with Poncho 1.8 and had no trouble. I made $wgServer protocol agnostic and still had no trouble.

GitHub is a mirror of the official Gerrit repo. Are you sure GitHub had already updated to Poncho 1.8 when you cloned it? Can you double-check your Poncho version from Special:Version and let me know?

Fixed in 1.6, see the $wgPonchoSitename config option.

The value of $wgSitename can only be about 20 chars before things start to be ugly. On mobile devices only 10 chars are allowed for the same reason. You can see the issue here. The Foreground skin solves this issue by providing a configuration prameter "wikiName" allowing to override the site name just for the display in the top bar of the skin. Perhaps this is something to considered here too.

This is still an open feature request for version 1.5.0

Thanks for the reminder. This week I've been actively working on the Poncho skin and will release a new version in a couple days, including a fix for this. I created a Phabricator project for Poncho and a task for this, see https://phabricator.wikimedia.org/T226717 Let's continue there, cheers!

Fixed in 1.6.

When editing a page and hovering over the drop-down toolbar (the one with talk, preferences, beta ...) it hides behind the edit bar provided by the WikiEditor extension at the top of the page edit field. This is not an issue with the edit bar provided by the VisualEdior extension.

Hi, thanks for the report, but I couldn't reproduce the issue. Could you download the latest version of the skin and let me know if the issue persists? If so, please attach a screenshot!

Hi, I just updated to latest master and the issue can still be reproduced. See the respective screen shot.

This is still an open issue for version 1.5.0

Thanks for the reminder. This week I've been actively working on the Poncho skin and will release a new version in a couple days, including a fix for this. I created a Phabricator project for Poncho and a task for this, see https://phabricator.wikimedia.org/T226716 Let's continue there, cheers!

Will be fixed with version 1.5.x

Hi, currently the skin's name does not link to Skin:Poncho from special page "Version". To have this link will be nice for easier access to the docu.

This is still an open issue for version 1.5.0

Fixed with this commit. Will be part of the next release once it was merged.

Issues and improvement requests are in their own threads.

I just discovered and installed this skin. It is really nice. @Sophivorus: Thank you for creating and working on it.

Thanks! I'll try to tackle the issues you mention throughout the week, cheers!

A pleasure and thanks for looking at these. Cheers

Fixed in version 1.5.0

This skin assumes that the labels for the page actions like, e.g. edit, delete, version history are always in small letters. This is an issue for languages excessively liking capital letters to start words. I think MonoBook once had the same issue for the portlet labels in the sidebar.

This is no longer the case with version 1.5.0 though it could probably have been fixed with version 1.4.0 already. Anyways, thanks a lot.