1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Not a Bug Mislabeling with Border Radius in Style Properties

Discussion in 'Resolved Bug Reports' started by Amaury, Feb 22, 2015.

  1. Amaury

    Amaury Well-Known Member

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

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

    Radius 2.png

    Adding 10px to Right gets the top-right:

    Radius 3.png

    Adding 10px to Bottom gets the bottom-right:

    Radius 4.png

    Adding 10px to Left gets the bottom-left:

    Radius 5.png

    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.
    Last edited: Feb 22, 2015
  2. Russ

    Russ Well-Known Member

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

    Amaury likes this.
  3. Amaury

    Amaury Well-Known Member

    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.
  4. Mike

    Mike XenForo Developer Staff Member

    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.
    Amaury likes this.

Share This Page