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

Fixed Status post button needs a top margin for consistency

Discussion in 'Resolved Bug Reports' started by Shadab, Aug 23, 2010.

  1. Shadab

    Shadab Well-Known Member

    On the profile page, the div containing the post button has a top margin of 5px.
    Code:
    .profilePage .profilePoster .submitUnit {
    	margin-top: 5px;
    	text-align: right;
    }
    profilePage_submitUnit.png

    But for a similar post button in the <My Username> dropdown menu,
    theres no such margin; making it look cramped.
    Code:
    #AccountMenu .statusPoster .submitUnit {
    	display: none;
    	text-align: right;
    }
    AccountMenu_submitUnit.png

    Please add a margin-top: 5px; to make it consistent with it's profile page counterpart.
    End result:

    AccountMenu_submitUnit_new.png
     
    Ceri May likes this.
  2. Onimua

    Onimua Well-Known Member

    What are you using? :confused:

    XF_status_update_dropdown.png
     
  3. James

    James Well-Known Member

    [​IMG]

    It's fine for me in Chrome.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Confirmed in FF 3.6.8.

    status.jpg

    And IE8.

    status2.jpg
     
  5. James

    James Well-Known Member

    Ah, I can confirm this in FF too.
     
  6. Brandon_R

    Brandon_R Guest

    Confirmed in FF here.
     
  7. ---MAD---

    ---MAD--- Well-Known Member

    Yeap IE8 has same issue, and the corners of the post button aren't rounded like in your screenshot.
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    IE8 doesn't support the CSS -moz-border-radius attribute.
     
  9. Floris

    Floris Guest

    Shows fine in Safari 5 on 10.5 OSX for me btw :)
     
  10. Shadab

    Shadab Well-Known Member

    We'd be surprised if it actually did. ;)
     
  11. Brogan

    Brogan XenForo Moderator Staff Member

    I was explaining to ---MAD--- why the corners aren't rounded in IE8.
     
  12. Shadab

    Shadab Well-Known Member

    I know. :)

    I was sort-of joking (sorry!) that -moz-border-radius won't ever be implemented by IE, since it's a vendor specific CSS attribute (-moz- denotes Mozilla based browsers including Firefox). And if IE would support this css property, it would do via it's own -ms- prefix or directly supporting the border-radius property.
     
  13. James

    James Well-Known Member

    If you wanted IE to have rounded corners you can use some JavaScript. I, personally, don't think it's worth the extra JS just so IE gets a few rounded corners.
     
  14. Brogan

    Brogan XenForo Moderator Staff Member

    There's an even easier solution, don't do rounded corners ;)

    That's what I did on my site :D
     
  15. Mike

    Mike XenForo Developer Staff Member

    Fixed. Weird that WebKit seems to add some extra space under the input.
     
    Shadab likes this.

Share This Page