Board Thread:New Features/@comment-24739709-20150518230347/@comment-4189499-20150523225959

Ohmystars wrote: ... 3. All of the old infoboxes I encountered all over Wikia have their label and data displayed in two columns. I am able to reproduce that look using  but it requires extra work. Especially those with multiple 's are tricky to make the cells have the same width everywhere. Since the majority of the people would want an infobox with two columns, I would suggest to make that possible by default for the desktop version. ... Making it display like a two columned table is much easier if you do it just on the level of each item. Skip the  (as it's not an actual table you're making, you don't have to nest the tags as if you were) and just make each data pair a table row with the label and value as data cells, as with the following: .portable-infobox .item-type-key-val { display:table-row; } .portable-infobox-item-label { width:50%; display:table-cell; vertical-align:middle; } .portable-infobox-item-value { width:50%; display:table-cell; } That alone was enough for me to get the data values to work perfectly as a two column table of equal widths, and should (but I haven't done enough testing to check) work no matter what the parent element is.

The trouble with having it as a two column table by default in the oasis skin is the fact that the default display in mobile would be quite significantly different. It seems that with the default table at least, Wikia is trying to keep the style consistent, which makes sense. I can imagine a lot of angry voices in comments later on when some of the more shouty people realise that it looks different on the different displays (because some people just like to shout about differences before thinking about the benefits of the new situation). But, seeing as that's going to be the result most people are going to be striving for with CSS, maybe it would just be easier to have the table layout as the oasis default. Sugestion: maybe put a class parameter in the infobox tag which lets users decide between a default infobox-table or a default infobox-... I don't know what you'd call the current default design. Having the class would allow users to choose which preset is most applicable to their situation and could work as a good basis for further CSS customisations as no matter which layout people prefer, they can have that as a starting point from the default CSS. Maybe they won't feel the need for further styling at all!