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

Fixed Sub-Forums Arrow doesn't fully show.

Discussion in 'Resolved Bug Reports' started by Vincent, Aug 6, 2012.

  1. Vincent

    Vincent Well-Known Member

    EDIT: After looking it trough, this bug appears to be introduced with Chrome v21.

    I'm guessing this has something to do with the introduction of the big sprite image :)

    The Sub-Forums Arrow doesn't fully show.
    t&g.png

    To fix it, change in xenforo_popup.css
    Code:
    .Popup .arrowWidget
    {
        /* circle-arrow-down */
        @property "popupArrowClosed";
        background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -32px 0;
        margin-top: -2px;
        margin-left: 2px;
        display: inline-block;
        *margin-top: 0;
        vertical-align: middle;
        width: 16px;
        height: 14px;
        @property "/popupArrowClosed";
    }
    to

    Code:
    .Popup .arrowWidget
    {
        /* circle-arrow-down */
        @property "popupArrowClosed";
        background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -32px 0;
        margin-top: 0px;
        margin-left: 2px;
        display: inline-block;
        *margin-top: 0;
        vertical-align: middle;
        width: 16px;
        height: 14px;
        @property "/popupArrowClosed";
    }
     
  2. Steve F

    Steve F Well-Known Member

    Pretty sure it's a Chrome issue. Not happening in FF or IE. Nothing has changed in XF since 1.1 as far as sprites go.
     
  3. Vincent

    Vincent Well-Known Member

    Ah, well, it's a Chrome thingee then :)
    But it also works in FF and IE when the fix is applied, doesn't it?
     
  4. Arkshine

    Arkshine Active Member

    I have the latest stable version of chrome (21), and it doesn't happen.
     
  5. Vincent

    Vincent Well-Known Member

    I guess you're running Windows? The problem doesn't occur at my Windows PC, but it appears to be Mac-only.

    EDIT: After looking it trough, this bug appears to be introduced with Chrome v21. My Windows still had v20 and the bug is here now in v21.
     
  6. Steve F

    Steve F Well-Known Member

    Nope I see it on Win7 and chrome only. Not sure the version, it appeared like last week I think.
     
  7. Arkshine

    Arkshine Active Member

    Yes, VincentU, I have Windows 7.
     
  8. Vincent

    Vincent Well-Known Member

    Have you tried updating Chrome? Steve (Qwk86gn) does see it in Win7

    EDIT: After looking it trough, this bug appears to be introduced with Chrome v21. My Windows still had v20, but I upgraded now.

    [OT]Have you ever been active on AlliedMods, I remember your name from there I think[/OT]
     
  9. Arkshine

    Arkshine Active Member

    I've already the latest stable ( 21.0.1180.60 ).

    (Yes, Arkshine is me too on AM, I'm fairly active ^^)
     
  10. Vincent

    Vincent Well-Known Member

    Hmm, weird. On both Mac and PC it shows the problem with me :(

    BTW: I am/was crazyeffect, I have been fairly active :)
     
  11. digitalpoint

    digitalpoint Well-Known Member

    Definitely happens for me on Chrome 21 (on Mac).
     
  12. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Problem confirmed.

    Chrome 21.0.1180.79
    OS X 10.6.8

    The fix in the first post works and does not appear to have any adverse effects elsewhere.
     
    Vincent likes this.
  13. Arty

    Arty Well-Known Member

    It does. In other browsers arrow goes down by 2 pixels, which looks bad.

    Another possible fix:
    Code:
    .node .nodeStats
    {
        line-height: 14px;
    }
     
    Vincent and Steve F like this.
  14. Floren

    Floren Well-Known Member

    This bug was present in Chrome 20 also, either way, the stable release is now 21. :giggle:
    IE and Firefox are OK for me... tested in Redhat and Windows.
     
  15. Arty

    Arty Well-Known Member

    And another fix: change line-height for body from 1.27 to 1.28.

    Why? Its a problem with rounding values in Chrome. Font size for that row is 11px, line height is 1.27, so total line height is 13.97px. All browsers round it to 14px, Chrome seem to round it down to 13. But if line height is increased by 0.01, total line height changes to 14.08, forcing Chrome to round it to 14.

    I'm not sure if this fix affects anything else, looks like it doesn't. I think this is the cleanest fix so far.
     
    Floren, MagnusB and Jake Bunce like this.
  16. Mike

    Mike XenForo Developer Staff Member

    Sorted. I changed the body line height to 1.28 which didn't seem to change anything else.
     
    Floren, Vincent and Slavik like this.

Share This Page