Not a bug Mislabeling with Border Radius in Style Properties

[Amaury]

Not a bug per se, but a possible mislabeling. My friend and I were talking about this:

[7:54:04 PM] Mike: I think it's just labeled weird
[7:54:13 PM] Mike: It does each corner
[7:54:15 PM] Mike: starting from top left
[7:54:19 PM] Mike: and goes clockwise
[7:54:24 PM] Mike: with left being bottom left

So, using the Message Container style property to demonstrate, adding 10px to Top gets the top-left:



Adding 10px to Right gets the top-right:



Adding 10px to Bottom gets the bottom-right:



Adding 10px to Left gets the bottom-left:



The way they're labeled right now (Top, Right, Bottom, Left) makes it sound like Right and Left will get the radius for both the top and bottom, which would make Top and Bottom unnecessary to have.

Perhaps they could be labeled as such to make it clearer:

• Top-Left
• Top-Right
• Bottom-Right
• Bottom-Left

This does not include All, obviously.

 

[Russ]

And then... the borders themselves would make no sense

 

[Amaury]

And then... the borders themselves would make no sense

View attachment 99157

Derp. Good point. Didn't even cross my mind.

Although there still needs to be an explanation regarding the difference in how border radius works, in my opinion.

 

[Mike]

It follows the standard shorthand order which is consistent with borders, margin and padding. Trying to add an explanation would likely make the whole thing much less wieldy. The specific meanings can be easily determined through experimentation if desired.