Currently, they're done with a 3 column table. Should be redone using divs or something.
As an example:
https://en.m.wikipedia.org/wiki/Category:All_articles_with_dead_external_links there is a 3 column table.
Switch the table into responsive HTML which appears as a single column list on mobile (around 320px resolution). At 768px it should restore to a three column list.
This resource may help:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| Revert "CategoryView modified to use css columns" | mediawiki/core | master | +12 -32 | |
| CategoryView modified to use css columns | mediawiki/core | master | +32 -12 |
I would like to change the layout of categories to responsive HTML, but after going through the MobileFrontend extension, I seem to be unable to find the code where the table is generated in Categories. Any hint would be helpful.
The categories code should come from core directly, MobileFrontend doesn't change the output html of the page here :)
I think a good point to start would be the class CategoryPage, which direct you to the CategoryViewer class, which builds the HTML output of a category page :)
Change 187167 had a related patch set uploaded (by Sumit):
CategoryView modified to use css columns
This causes a messed up display, see http://de.wikipedia.beta.wmflabs.org/wiki/Kategorie:Vorlage:f%C3%BCr_Vorlagen-Meister
The list-dots and the item can be on different lines or even different columns, the headings can appear at the end of the previous column, the "continuation"-headings are somewhere (not in this example, but in http://de.wikipedia.beta.wmflabs.org/w/index.php?title=Kategorie:Begriffskl%C3%A4rung&action=edit&redlink=1)
IMHO this should be reverted.
Reopening, needs more work (and possibly a revert in the meantime). I posted a longer comment on the changeset.
By the way, this is a duplicate of T55130. @Jdlrobson, can you clean this up in a way that causes the least mess in the projects this is involved with?
Change 187900 had a related patch set uploaded (by Bartosz Dziewoński):
Revert "CategoryView modified to use css columns"
Change 187900 merged by jenkins-bot:
Revert "CategoryView modified to use css columns"
Change 187952 had a related patch set uploaded (by Sumit):
CategoryView modified to use css columns