PLANET-7636 Remove editor sidebar labels uppercase

[mleray]

Description

See PLANET-7636

Testing

Make sure all labels in the editor sidebar are no longer in uppercase, and all look the same. Please test all post types since they have different sidebar fields.

[planet-4]

Test instance is ready 🚀

🌑 telesto | admin | blocks report | CircleCI | composer-local.json

⌚ 2024.10.15 15:09:38

[mardelnet]

@mleray
I think this could be easily fixed by overriding the text-transform attribute of the .css-1v57ksj class.
Some other users complain about this issue, but using uppercase seems to be part of the WordPress styles guide.

[mleray]

css-1v57ksj

Thanks @mardelnet, you're right that should solve it for the text components, for the select components it seems it's .css-12g1mba.css-12g1mba.css-12g1mba. I just find these class names annoying, not clear at all 😬 And I'm wondering how often WordPress changes them.

[mardelnet]

Thanks @mardelnet, you're right that should solve it for the text components, for the select components it seems it's .css-12g1mba.css-12g1mba.css-12g1mba. I just find these class names annoying, not clear at all 😬 And I'm wondering how often WordPress changes them.

You're right, there is more than just one class to be changed.
What about using a more generic selector with !important?
I did not test it, but maybe something like:

.components-base-control__field label {
  text-transform: none !important;
}

[mleray]

.components-base-control__field label {
  text-transform: none !important;
}

@mardelnet that's actually what I implemented at first, and it does work, I just wanted to avoid using !important... Do you think it would be better in this case?

[mardelnet]

@mardelnet that's actually what I implemented at first, and it does work, I just wanted to avoid using !important... Do you think it would be better in this case?

Normally, I'd try to avoid using !important, but in this case, we have to edit three JS and one CSS file to get the same result, so I think it's worth it.

[mleray]

Closing this PR in favour of this new one.