Board Thread:Policies/@comment-1038387-20191227161953


 * Note: I had a longer post typed out, but Forums ate it. I might have forgotten something I had been wanting to say.

Over 50% of traffic comes from mobile users, and our disambigs are among the more popular pages on the site. However, our disambigs on mobile look... like papp. Most importantly, the most important pages, the top spots, don't even show up.

It's easy to blame Mercury, the mobile skin, for that. Its way of parsing does not include tabled text, which the template currently has to allow for imageboxes on both sides. It also makes a mess of images and captions in a gallery. However, that's something we've got to roll with. After much frustration, I've come up with a solution: Template:Disambig/Test

Some notes:
 * It's built for easy conversion: nothing needs to be changed or added, except for a new parameter, Align = center, when the box should be centered.
 * It loses some functionality. Sadly, image linking does not work.
 * The page links are above the image now. Partly to provide easier linking because of the previous point, and part because it works better on mobile.
 * The AIQG links are written out. There were mouseover explanations on desktop, but those didn't work on mobile.
 * Image2, (usually) used for Prime Earth, gets priority. As all PE pages have PEthing as a sort of hatnote, it's better to link to those.
 * The tabs will always say Current and Former, except when there's only one filled out; it says Main Version then.
 * Because it changes from 2 boxes to 1, the text won't always match up. In the new setup, the top images in the first category will get pushed up.
 * A downside of a tab is that images with different ratios make the page content jump up and down. I tried to code it in a way that the tab length was "whatever the largest image has", but there's a large gap between my css skills and whether that's actually possible.

To me, any loss in functionality does not weigh up to the gains, so I will change these around. Please make sure to test it out: just type /Test behind disambig and preview it in mobile and desktop. If you have any suggestions, questions, bugs or complaints, I'd love to hear them. 