If you have a feature request just request it here you'll get a much quicker reply:-) We are also around in #wikimedia-mobile if you want a quicker answer!
If you are trying to replicate behaviour you see on Wikimedia sites, please be sure to read through the configuration options before asking a question here.
Hello. There are more and more people posting only on mobile, so is there a way to sign their posts without going through a template or copy and paste? Thanks!
If the talk page already exists, Extension:DiscussionTools will add a signature if the user uses a reply link. I don't think it works when creating a new talk page, however.
Thanks! I just tested it. Indeed, when creating pages or adding a new discussion, no signature is added. On mobile, the answer is only added at the bottom of the page. But it always helps. However, it isn't present in Beta in all wikis. Do I have to make a request on Phabricator?
Ah sorry I don't know about using it on a Wikimedia wiki. I'm currently using the reply tool and MobileFrontend on my own installation. It's definitely an improvement over raw editing of talk pages!
Since enabling MobileFrontend, I've had a noticeable increase in anonymous editing (was previously using Refreshed). However there is no way to speak to these editors. Is there a workaround I can implement to get talk page notifications to these users?
In desktop view, when we search for a page which doesn't exist, we can see a message, "You may create the page "OOO", but consider checking the search results below to see whether the topic is already covered."
However, we cannot see this message in mobile view on Korean Wikipedia. How can we enable it in mobile view?
I googled but couldn't find anything related to this issue, so seems just happening to me? I have below in LocalSettings.php to use MinervaNeue skin and MobileFrontend for mobile view. The icons shows up well on desktop browser but not in mobile view for some reason..
I am using MW 1.31 and Timeless skin. I added the css in MediaWiki:Mobile.css, purged cache but I cannot see the css being applied. Is there any other way to apply the css?
Like others have mentioned, the Mobile Menu isn't editable, and the solutions listed elsewhere tend to be somewhat outdated (GetDiscoveryTools() is no longer present in MinervaSkin.php).
So I made a simple Mobile.js script that did the trick for me. I thought I'd share it in case it helps others.
Here's what the custom links look like — there's a dropdown and a regular version that you can customize. To customize the icon, use the icon classes listed below.
Here's the code I added to Mobile.js:
/* Add to MediaWiki:Mobile.js for custom Mobile Menu links
for MW-1.34.2 with MobileFrontend and MinervaNeue
Just replace span text and href to add links */
var timer = setInterval(function() {
if ($('.menu ul:first').length) {
console.log("mobile menu exists");
clearInterval(timer);
$('.menu ul:first').after(
'<ul class="level1"> \<li> \
<a href="#" \
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
<span>Dropdown Links</span> \
</a> \
</li> \
<ul class ="level2"> \<li> \
<a href="/wiki/Link_1" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Link 1</span> \
</a> \
</li> \
<li> \
<a href="/wiki/Link_2" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Link 2</span> \
</a> \
</li> \
<li> \
<a href="/wiki/Link_3" \
class="mw-ui-icon mw-ui-icon-before"> \
<span>Link 3</span> \
</a> \
</li> \
</ul> \
</ul> \
<ul> \<li> \
<a href="/wiki/Second_Link" \
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
<span>Second Link</span> \
</a> \
</li> \
</ul>'
);
$(".menu").find(".level2").hide(); // hide level2 until level1 is clicked
$(".level1").click(function(event){
$(this).find(".level2").slideToggle(500);
}); // if level1 is clicked, dropdown level2
}
}, 100); // check every 100ms
Tested on:
MediaWiki 1.34.2 and 1.35.0
MinervaNeue (d0be74a) 06:41, 1 October 2019
MobileFrontend 2.1.0 (383273b) 11:42, 7 January 2020
P.S. Apparently folks are working on an official solution for this using mw.util.addPortletLink (see phab:T65459, phab:T231925 and phab:T240910), but it still has some styling issues and I wasn't able to figure out how to implement it for the Mobile Menu. If you know how implement AddPortletLink for this, please do share!
To customize the MobileMenu Icons, below is a compiled list of Icon classes found by @Lady G2016, @Ianbirtwistle, and myself. If you find more, feel free to share them in this thread.
Here's a list of known icons by version.
To add them, simply add the icon class in place of "mw-ui-icon-minerva-watchlist"
I've used your script to add some links. Many thanks for this. The only issue I came across was the icons not loading, perhaps the link has changed since you last wrote this? I simply replaced mw-ui-icon-minerva-watchlist for an active icon. mw-ui-icon-minerva-mapPin and mw-ui-icon-wikimedia-star-base20 both work well.
Script tested on live site
MediaWiki 1.35
MinervaNeue – (bb52d27) 16:16, 21 September 2020
MobileFrontend 2.3.0 (8d06152) 13:42, 21 September 2020
Using @Ianbirtwistle's suggestion, I found active icons with my browser's debugging tool (Chrome Inspect). Here is a list of icons I have found (and those found by Ianbirtwistle):
Bell: mw-ui-icon-wikimedia-bellOutline-base20
Download: mw-ui-icon-minerva-download
Expand: mw-ui-icon-mf-expand
Edit: mw-ui-icon-wikimedia-edit-base20
Edit lock: mw-ui-icon-wikimedia-editLock-base20
History: mw-ui-icon-wikimedia-history-base20
Language: mw-ui-icon-wikimedia-language-base20
Map pin: mw-ui-icon-minerva-mapPin
Search: mw-ui-icon-wikimedia-search-base20
Star: mw-ui-icon-wikimedia-star-base20
Star (solid blue): mw-ui-icon-wikimedia-unStar-progressive
The icon size can be reduced by adding the small icon class (mw-ui-icon-small) to the class attribute.
It is important to have a UI that is consistent with the skin. The list contains icons which may not be appropriate as a sidebar menu, but use your judgment.
Drop-down links should use a small "Expand" icon. The additional classes needed to flip the icon vertically when the link is clicked didn't work.
Here's an updated example with the drop-down link icon.
Tested on localhost MediaWiki: 1.35.0 MobileFrontEnd: (8d06152) 20:42, 21 September 2020 (info from gitinfo.json) MinervaNeue: (bb52d27) 23:16, 21 September 2020 (info from gitinfo.json)
Thanks @Lady G2016 for compiling the icon list! I'll have to try those out.
@Ianbirtwistle Thanks for sharing that. One thing I've noticed is that icon usability can vary based on MobileFrontend configuration. For example, if I enable MobileFrontend's Beta mode, then some of my icons may stop working while others become available.
I'm not sure if that's why the watchlist icon didn't work for you, but it might be related.
On my wiki, I actually used this info so I could gain access to other icons.
I used $wgMinervaAdvancedMainMenu from the MinevaNeue configuration settings to add the "Recent Changes" section to the mobile menu. Then I was able to use the Recent Changes icon class mw-ui-icon-minerva-recentchanges.
Here are my full MobileFrontend and Minerva settings:
@Xsteeplol There might be a way to do that with some custom javascript. You can already use any icon that already has an associated icon class (see discussion above), but I'm not sure how you'd adjust the color or use a custom icon instead. You might try inspecting the element where the icon is inserted and see what you can alter with javascript.
Is there any option to remove the "Desktop" link in the mobile version, which leads to the same page using mobileaction=toggle_view_desktop?
This seems to create issues with the Google crawler, hat crawls a mobile version and gets to the Dekstop link, still expecting pages in mobile version. See various comments on this page as well. Thanks!
