ppy
Text inside skinnable components should keep orientation rather than rotate or flip along with the component
This should probably be implemented in a reusable way, maybe as an extension method which setups up a scheduler on the drawable to keep it upright.
Discussed in https://github.com/ppy/osu/discussions/14947
Originally posted by CheeseManFuu October 4, 2021 Super minor thing that I couldn't help but notice when playing with the UI Editor was that the progress bar's times and percentage were affected by transformations whereas the timing bar had its truck and bike icons scale and be unaffected by rotation and flipping. To have the progress bar on the top (and still move left-to-right) means flipping it vertically, which consequentially has the numbers also flipped vertically, and difficult to read. Simiarly, if you want the progress bar to be shorter or taller but the same width, to keep it out of the way of gameplay as possible but still visible, or less wide or wider but the same height, such as for people who use 4:3 or 21:9 resolutions, the text is squished or stretched.
When it comes to stretching the element taller or wider, the text should remain the size it would be at the correct proportions, just be anchored to their respective corners.
A couple example screenshots and accompanying mock-ups of the fix below:
Normal on the left
Fixed on the left
Normal on the top
Fixed on the top
