Fixed Sub-Forums Arrow doesn't fully show.

[Vincent]

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.


To fix it, change in xenforo_popup.css

.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

.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";
}

 

[Steve F]

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.

 

[Vincent]

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

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

 

[Arkshine]

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

 

[Vincent]

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

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.

 

[Steve F]

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

 

[Arkshine]

Yes, VincentU, I have Windows 7.

 

[Vincent]

Yes, VincentU, I have Windows 7.

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]

 

[Arkshine]

I've already the latest stable ( 21.0.1180.60 ).

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

 

[Vincent]

I've already the latest stable ( 21.0.1180.60 ).

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

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

BTW: I am/was crazyeffect, I have been fairly active

 

[digitalpoint]

Definitely happens for me on Chrome 21 (on Mac).

 

[Jake Bunce]

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.

 

[Arty]

The fix in the first post works and does not appear to have any adverse effects elsewhere.

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

Another possible fix:

.node .nodeStats
{
    line-height: 14px;
}

 

[Floren]

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

 

[Arty]

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.

 

[Mike]

Sorted. I changed the body line height to 1.28 which didn't seem to change anything else.