"text-transform: lowercase" in CSS prevents proper capitalization


(Gerhard Schlager) #1

The German locale contains strings like “letzter Beitrag” and “Beiträge”.
Unfortunately some UI elements have the CSS text-transform: lowercase applied which leads to the following:

Could we remove this from the CSS in order to get proper capitalization?


(Sam Saffron) #2

@awesomerobot I agree with this, we should ideally avoid text transforms in CSS this is a pretty bad side effect.


(Kris) #3

fixed
https://github.com/discourse/discourse/pull/2606


(Régis Hanol) #4

(Jeff Atwood) #5

(Jeff Atwood) #6

Reopening because I don’t agree with this solution.

Now we have to create 6+ new “translations” just to get lower case versions of text that already exists? And this will break all existing translations which lack these new lowercase “translations”, in a very visible place underneath each topic?

Why not just override the CSS style for that language?

The lowercasing via CSS here is intentional.


(Gerhard Schlager) #7

How would translators do that?


(Jeff Atwood) #8

OK, I guess I have no choice but to create 6 new translations just to get lower case versions. I’ll do that now.

Beware, this is going to visibly break every other language instance of Discourse except English. It’ll look really bad on every single topic, with giant missing translation markers under the first post.


Continuing the discussion from "text-transform: lowercase" in CSS prevents proper capitalization
(Jeff Atwood) #9