#Mobile.css

19 messages · Page 1 of 1 (latest)

woven drift
#

Hello,
I'm having a problem with Mobile.css, and I think I'm not the only one as I've seen several posts about it.

I think that the stylesheet only works in certain cases:

  • if I use the mobile version from a computer (mobileaction=toggle_view_mobile), it works fine, but there's a FOUC every time it loads. The FOUC shouldn't come from JavaScript, as it was there even when I wasn't using JS.
  • if I use the mobile version from a cell phone, the customization doesn't appear
  • if I use ?useformat=mobile on a computer, the customization doesn't appear either. On inspecting the code, I notice that the stylesheet is not loaded in the source code.

I'm using Minerva on mobile, but I don't think the problem is with the skin. Even using the JS code they suggest, it still doesn't work.

Do you know of any ways to make mobile CSS work?

fickle imp
#

Mobile.css is janky, yes

#

some time ago it used to not work at all

#

for me, it works when I use Firefox on my android phone - however it doesn't in private browsing
in Chrome on this same phone it doesn't work at all

#

I was thinking about reporting it to devs but I'm not sure where/how

#

I guess it's only possible on Wikimedia Phabricator

woven drift
#

Yeah, that's what I'd understood. Do you use/know any alternatives for styling the mobile skin?

#

Or maybe an alternative to MobileFrontend, idk

fickle imp
#

I personally don't like mfe and use mobile responsive skins instead - Timeless or Cosmos

#

my main wiki is on Timeless, I only made some little tweaks for better look on mobile

#

I just don't have mobile/desktop mode, the skin adapts to screen size by itself

#

people also recommend Citizen

#

if you aim to have skins like Vector to be the main desktop thing, then mfe is the only option
or very heavy CSS/JS coding, like they do on wiki,gg:
https://terraria.wiki.gg/wiki/MediaWiki:Common.css
(the only skin they offer is Vector w/ crappy responsive mode)

#

I personally don't recommend this last route lol

woven drift
#

I've been using Vector as my default skin, so I need a MobileFrontend extension... although I don't really like that either.

#

if I can't use MobileDetect, maybe I'll use JavaScript to replace MFE. Well, I don't know if it's possible to change skins just by using JS, but I suppose so. everything is possible with JS :)

fickle imp