Status Labels in lists (etc.) are in all UPPER CASE instead of un-transformed

Avatar
  • updated
  • Completed

I prefer mix-case (text-transform: capitalize; -- or actually, no transformation) for my Status tags, but it looks like they are pre-converted to all UPPERCASE (when being pulled from the database?), instead of letting the CSS set the case (and, thus, allowing Custom CSS to override/customize the capitalization style...


Image 8671


In my Topic Status definitions, I have defined them using mix-case:


Image 8673


How would you rate the customer service you received?

Satisfaction mark by Terry Gauchat 8 years ago

Super!!!

Add a comment about quality of support you received (optional):

Pinned replies
Avatar
Vladimir Mullagaliyev co-founder
  • Answer
  • Completed

Terry, we decided to show them as is. Now you are able to change them with CSS.

Avatar
Vladimir Mullagaliyev co-founder
  • Under review

Hello Terry,

We are going to discuss this Idea. We cannot replace it right now because we used to use UPPERCASE in statuses and tags.

We can output it as is and change with CSS, but we could do the same in the notifications too.

So, will try to find some solution.


For now, as a temporary solution for you, try to use something like this:

.topic-status .label { text-transform: lowercase; }
.topic-status .label:first-letter { text-transform: uppercase; }

It could work if you have one word only.

Avatar
Vladimir Mullagaliyev co-founder
Quote from Vladimir Mullagaliyev

Hello Terry,

We are going to discuss this Idea. We cannot replace it right now because we used to use UPPERCASE in statuses and tags.

We can output it as is and change with CSS, but we could do the same in the notifications too.

So, will try to find some solution.


For now, as a temporary solution for you, try to use something like this:

.topic-status .label { text-transform: lowercase; }
.topic-status .label:first-letter { text-transform: uppercase; }

It could work if you have one word only.

Sorry, replace .topic-status to .topic-tags if you want apply it to tags.

Avatar
Terry Gauchat
Quote from Vladimir Mullagaliyev

Hello Terry,

We are going to discuss this Idea. We cannot replace it right now because we used to use UPPERCASE in statuses and tags.

We can output it as is and change with CSS, but we could do the same in the notifications too.

So, will try to find some solution.


For now, as a temporary solution for you, try to use something like this:

.topic-status .label { text-transform: lowercase; }
.topic-status .label:first-letter { text-transform: uppercase; }

It could work if you have one word only.

Thanks for discussing, and thanks for the suggestion!


That helps; however, I lean towards "mixed case capitalization" because it helps delineate the words quickly at a glance. No rush.

Avatar
Terry Gauchat
Quote from Vladimir Mullagaliyev

Sorry, replace .topic-status to .topic-tags if you want apply it to tags.

Thanks ... Actually, I think I meant to refer to Topic-Labels; but I guess it is just as applicable for Topic-Tags.

Avatar
Vladimir Mullagaliyev co-founder
  • Answer
  • Completed

Terry, we decided to show them as is. Now you are able to change them with CSS.