Page MenuHomePhabricator

#related use wrong CSS classes on Monobook & Modern
Closed, DeclinedPublic

Description

#related works perfectly with Vector skin, but with Monobook & Modern use the wrong classes, so the layout is bad.

Let's take for example this page: https://it.wikivoyage.org/wiki/Clusane

The class of "#p-relatedarticles" is "portal" instead of "portlet"
The class of "#p-relatedarticles div" is "body" instead of "pBody"
Can it be fixed?

Event Timeline

Andyrom75 raised the priority of this task from to Medium.
Andyrom75 updated the task description. (Show Details)
Andyrom75 added a project: RelatedArticles.
Andyrom75 changed Security from none to None.
Andyrom75 subscribed.
Aklapper lowered the priority of this task from Medium to Lowest.Dec 19 2014, 3:09 PM

Just to be more specific, these are the changes that need to be implemented:

  1. (mw.config.get('skin') == 'vector' ? 'portal' : 'portlet') in place of portal
  2. (mw.config.get('skin') == "vector" ? "body" : "pBody") in place of body

Is there a reason why Vector and Monobook use different names for the portlet/portal and pBody/body classes? It looks like the classes have the same purpose, so different skins should be able to use the same class names.

This code is scheduled for removal (see T165991) and currently not deployed on any production wikis.