Topic on Skin talk:Minerva Neue

Hello,

I recently installed the 'MobileFrontend' extension and 'MinervaNeue' skin on multiple wiki sites. The majority of sites render the mobile version fine. Looks as expected. However, there are a few that are not rendering the mobile menu icons. The buttons are there; clicking the blank icons will take you to 'Main', 'random', etc.

This behavior is consistent in Chrome desktop (105.0.5195.52) & mobile (104.0.5112.97), Edge desktop (104.0.1293.70) and Firefox desktop (104.0) & mobile (104.1.0). Again, the odd bit is it is only with these few sites. It's making me think it has something to do with possibly an extension conflict of some sort, or some LocalSettings config. The affected sites have been around a while so not sure if there are configs within that are deprecated and causing the issue.

Is there a way to turn on some type of debug that may clue why these sites menu icons are not rendering properly?

Wiki host env:

MW - 1.35.7

DB - MariaDB 5.5.68 ( RHEL provided )

PHP - 8.0.22

MinervaNeue - (c1ea337) 01:23, 29 August 2022

MobileFrontend - 2.3.0 (d6f8773) 01:19, 29 August 2022

Your MediaWiki version doesn't look compatible with Minerva. Note, the latest master of MobileFrontend and Minerva are designed to be run with the latest release (which is currently 1.39).

You'll want to checkout REL1_35 for MobileFrontend and Minerva.

Hope this helps!

Hi. Appreciate the response!

I will try a fresh download of the MobileFrontend extension and see how that goes.

Just to confirm - the MinervaNeue skin and MobileFrontend shows to have a download available for MW 1.35 LTS, so this should work when using the designated version downloads.

Ah okay, sorry I probably misunderstood because of the inclusion of the 2022 dates for Minerva and MobileFrontend. Yeh if those are correct then it sounds like something has gone amiss.

I'm not setup with 1.35 right now so debug this further. Are you able to share your instance, or if not, share the HTML and CSS that's attempt to styling the element? My guess is that something might be broken in ResourceLoaderImageModule which can happen if ImageMagick is playing up.

On English Wikipedia mobile, the CSS looks like this:

.mw-ui-icon-minerva-die:before {
    background-image: url(/w/load.php?modules=skins.minerva.mainMenu.icons&image=die&format=rasterized&skin=minerva&version=1j5zy);
    background-image: linear-gradient(transparent,transparent),url(/w/load.php?modules=skins.minerva.mainMenu.icons&image=die&format=original&skin=minerva&version=1j5zy);
}

It's most likely that one of those load.php URLS is failing in your version.

Let's get to the bottom of this!

The MediaWiki:Common.css and MediaWiki:Mobile.css are plain-jane ( empty ) on this particular site. I'm not able to find the above config stanza.

When you refer to sharing my instance, you referring to the LocalSettings config file?

Thank you for the responsiveness!

Have a bit of an update after a bit more digging.

I opened the developer window on the page when the icon is not rendering, clicked the icon element link to try and load just the icon itself and am getting this:

XML Parsing Error: XML or text declaration not at start of entity

Location: https://wiki/load.php?modules=skins.minerva.icons.wikimedia&image=menu&format=original&skin=minerva&version=deypr

Line Number 2, Column 1:

<?xml version="1.0" encoding="UTF-8"?>

^

Is there any whitespace before the xml tag by any chance?

Well, I'm not sure. :-)

There are a number of locations where that string could be, and I'm not sure which location to look for for the one referenced in the error out. I was able to locate the files below, but I don't believe these are what the error is referring to?

skins/MinervaNeue/resources/skins.minerva.icons.page.issues.uncolored/issue-type-move.svg:1:<?xml version="1.0" encoding="UTF-8"?>

skins/MinervaNeue/resources/skins.minerva.icons.page.issues.uncolored/issue-severity-low.svg:1:<?xml version="1.0" encoding="UTF-8"?>

skins/MinervaNeue/resources/skins.minerva.icons.page.issues.default.color/issue-generic.svg:1:<?xml version="1.0" encoding="UTF-8"?>

skins/MinervaNeue/resources/skins.minerva.content.styles.images/magnifying-glass.svg:1:<?xml version="1.0" encoding="UTF-8"?>

skins/MinervaNeue/resources/skins.minerva.content.styles.images/error.svg:1:<?xml version="1.0" encoding="UTF-8"?>

skins/MinervaNeue/resources/skins.minerva.content.styles.images/link-external-rtl.svg:1:<?xml version="1.0" encoding="UTF-8"?>

skins/MinervaNeue/resources/skins.minerva.content.styles.images/link-external-ltr.svg:1:<?xml version="1.0" encoding="UTF-8"?>

skins/MinervaNeue/resources/skins.minerva.icons.page.issues.medium.color/issue-type-point-of-view.svg:1:<?xml version="1.0" encoding="UTF-8"?>

skins/MinervaNeue/resources/skins.minerva.icons.page.issues.medium.color/issue-severity-medium.svg:1:<?xml version="1.0" encoding="UTF-8"?>

If you go to <yoursite>/skins/MinervaNeue/resources/skins.minerva.content.styles.images/link-external-ltr.svg do the SVGS render? If not... that's the issue and it sounds like something is adding a whitespace character in front of your SVGS.

What's doing that I'm not sure.. it's probably an extension with deprecation warnings. Do you have any deprecation warnings showing up in your logs? If so, I'd advise disabling those extensions and skins one by one temporarily to help narrow down where the issue is coming from. When you've disabled the offender the SVG should render correctly in a browser and we might be able to work out why.

Yep, looks like browsing to each of those SVGs will show their icon. Any of these:

.../link-external-ltr.svg

.../error.svg

.../link-external-rtl.svg

.../magnifying-glass.svg

Looked in the PHP logs and not seeing any deprecation warns so far. These sites were recently updated to the MW 1.35 LTS version and so were the included extensions/skins, whatnot. Any others that were not part of the 1.35 built-in were upgraded as well, at least to whatever version they were at that moment.

This is a head-scratcher for sure. There are other wiki sites furnished from this same wiki host and doc root that are rendering the MinervaNeue stuff as expected. :-/

I face the same problem. How could I fix it? The hamburger icon is disappeared. It’s really upset for me.

Do you know how to fix it? I knew that it caused by a whitespace. But I cannot do anything to correct it.

If someone can share a public URL of a wiki with this issue I can perhaps suggest something.

I'm having the same issue too. Unfortunately, my MW site is a private corporate site otherwise I would gladly share a link to it.

Not sure if it's related, but I'm also having similar issues with icons missing from the Vector-2022 skin menu.

That very much sounds like an issue with the install of ImageMagick. SVGs are converted to pngs using this tool and presumably something could be going wrong there. Could you check it is installed and if so what version you are running? Updating it may fix this issue.