When using this skin, PortableInfoboxes are glitched out. They appear normal when in the source preview tho, so it should be able to be fixed.
What happens
The infobox headers show small and on the very left with no padding, and collapsible tabs are impossible to open. Left image is what happens when viewing the article, right image is what happens when viewing the source preview (what it should look like).
What should happen
The infobox should appear how it shows in the source preview, the one without the glitches (right image).
Reproducing the issue
On a MediaWiki installation with the Citizen skin and PortableInfobox extensions,
- Create a simple infobox for testing (i've supplied code below)
- Create a page with the infobox (i've supplied code below), you will see how the infobox is glitchy and has the issues described above.
- Edit the page in source mode
- Make a change (correct version doesn't show in preview if you don't make a change)
- Click preview, the correct version with no glitches will show.
| Source code for an infobox template for testing |
|---|
<infobox>
<title source="name"><default>{{PAGENAME}}</default></title>
<image source="image_skyline"><caption source="skyline_caption" /></image>
<group collapse="closed">
<header>Other media</header>
<image source="image_flag"><caption source="flag_caption"><default>Flag</default></caption></image>
<image source="image_seal"><caption source="seal_caption"><default>Seal</default></caption></image>
<audio source="anthem"><caption source="anthem_caption" /></audio>
</group>
<group>
<header>Group1</header>
<data source="data1"><format>'''Example:''' {{{data1}}}</format></data>
<data source="data2"><format>'''Example:''' {{{data2}}}</format></data>
<data source="data3"><format>'''Example:''' {{{data3}}}</format></data>
</group>
</infobox>
|
| Source code for the infobox in an article |
|---|
{{InfoboxName
| name = Example name
| image_skyline = Example.svg
| skyline_caption = First image
| image_flag = Example.jpg
| flag_caption = Second image
| image_seal = Example.jpeg
| seal_caption = Third image
| anthem = Example.ogg
| anthem_caption = First audio
| data1 = First
| data2 = Second
| data3 = Third
}}
|