Page MenuHomePhabricator

Graph not adapted but literally html translated on Special:AutomaticTranslation.
Closed, ResolvedPublic2 Estimated Story PointsBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

What happens?:
Infobox is not properly adapted despite content being translated.

What should have happened instead?:
Infobox should be properly adapted to maintain page structure.

Other information (browser name/version, screenshots, etc.):
T376859: Styling missing for infoboxes and navboxes, disambiguation and such meta elements (good example).

image.png (1×1 px, 148 KB)

Event Timeline

Wangombe renamed this task from Infobox not adapted but literally html translated on Special:AutomaticTranslation. to Graph not adapted but literally html translated on Special:AutomaticTranslation..Sep 11 2025, 8:05 AM
Wangombe updated the task description. (Show Details)
Nikerabbit triaged this task as Medium priority.Sep 25 2025, 8:11 AM
Nikerabbit moved this task from Backlog to Product integration on the MinT board.
Wangombe changed the task status from Open to In Progress.Sep 29 2025, 7:35 AM
Wangombe claimed this task.
Wangombe moved this task from Backlog to In Progress on the LPL Essential (2025 Jul-Oct) board.

Change #1194260 had a related patch set uploaded (by Abijeet Patro; author: Abijeet Patro):

[mediawiki/extensions/ContentTranslation@master] AX: Replace '>' with '>' in embedded CSS

https://gerrit.wikimedia.org/r/1194260

I made some tweaks to the design: 1194260: AX: Replace '>' with '>' in embedded CSS | https://gerrit.wikimedia.org/r/c/mediawiki/extensions/ContentTranslation/+/1194260

The German Wikipedia adds some additional styles: https://de.wikipedia.org/w/load.php?lang=de&modules=ext.gadget.citeRef%2CdefaultPlainlinks%2CdewikiCommonHide%2CdewikiCommonLayout%2CdewikiCommonStyle%2CdewikiDarkmode%2CdewikiResponsive&only=styles&skin=vector-2022 that modifies the Chart to look like the way it does on https://de.wikipedia.org/wiki/Wahlen_in_S%C3%BCdafrika_2024

On the German Wikipedia, extra styles fix the graph’s position, add a border, and possibly include other tweaks. Bringing those changes over would be too specific to fixing this issue.

image.png (2×2 px, 429 KB)

I made some tweaks to the design: 1194260: AX: Replace '>' with '>' in embedded CSS | https://gerrit.wikimedia.org/r/c/mediawiki/extensions/ContentTranslation/+/1194260

The German Wikipedia adds some additional styles: https://de.wikipedia.org/w/load.php?lang=de&modules=ext.gadget.citeRef%2CdefaultPlainlinks%2CdewikiCommonHide%2CdewikiCommonLayout%2CdewikiCommonStyle%2CdewikiDarkmode%2CdewikiResponsive&only=styles&skin=vector-2022 that modifies the Chart to look like the way it does on https://de.wikipedia.org/wiki/Wahlen_in_S%C3%BCdafrika_2024

On the German Wikipedia, extra styles fix the graph’s position, add a border, and possibly include other tweaks. Bringing those changes over would be too specific to fixing this issue.

image.png (2×2 px, 429 KB)

i can't see the screenshot

image.png (2×2 px, 429 KB)
, can you upload it again?

i can't see the screenshot

image.png (2×2 px, 429 KB)
, can you upload it again?

Fixed the visibility.

I managed to verify the fixes made by @abi_

image.png (943×1 px, 114 KB)

Change #1194260 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] AX: Replace '>' with '>' in embedded CSS

https://gerrit.wikimedia.org/r/1194260

abi_ set the point value for this task to 2.

this is an improvement

image.png (1×1 px, 175 KB)

currently i see the year and graph are overlap

abi_ moved this task from Need QA to Done on the LPL Essential (2025 Jul-Oct) board.

this is an improvement

image.png (1×1 px, 175 KB)

currently i see the year and graph are overlap

Thanks for testing it.

The automatic translations for certain strings are quite long and as such cause UI glitches that would normally not be apparent. As all the intended styles are now being applied properly, I'm marking this ticket as done. Fixing the styles to work properly with long text is beyond the scope of this task.