Jump to content

Template talk:Stacked bar

Page contents not supported in other languages.
From Wikipedia, the free encyclopedia

Don't use rotations when using vertical text

[edit]

If found that if I use vertical texts, Chinese characters (or other Asian texts) are not displayed property. For example:

视频游戏
系列
角色
开发
音乐
媒体
其他





Currently when I made the comments, the texts are displayed upside-down.

My suggestion is to remove the following rotation

.mw-parser-output .StackedBarTemplate_vertical > div:first-child > div {
  transform: rotate(180deg);
}

To align to the bottom, replace them with:

{
  align-items: end;
}

SolidBlock (talk) 02:24, 5 June 2023 (UTC)[reply]

That does seem wrong; it wouldn't apply to English texts, but obviously does to Chinese/Asian characters. I didn't add that bit so I'm hesitant to change it here, but I agree that ZH wiki should make its own variant of the css that works for its language. --PresN 13:12, 5 June 2023 (UTC)[reply]