How to close this 1px gap?

[cannabis ape]

I can do it in the inspector but haven't found anything working in the panel, as you can see active navigationtab is 1 px short of making that whole tab the same color like I have on my WP site, can you point me in the right direction?

 

[Russ]

May need to see a live example of what's going on. The selected tabs are the same height on our styles as far as I know (down to the pixel).

 

[cannabis ape]

I think it's the .p-nav-list .p-navEl-link, .p-nav-list .p-navEl-splitTrigger {

This is without changing anything and then the gap is slightly bigger, I can make it smaller but it always leaves 1px

 

[cannabis ape]

It's something in the zipped alternate style cuz on the default FA style it looks normal. I now see it's a top border that causes that, didnt see it before as it had the same color as the header anyway, what do I need to remove/edit to make it look like the default FA

 

[Russ]

So... I see the gap now, Looking into what's causing it. Thank you for your patience.

 

[cannabis ape]

So... I see the gap now, Looking into what's causing it. Thank you for your patience.

great, let me know how I can remove or hide that border so the tab fills the header vertically.

 

[Russ]

I haven't fully sorted out WHY it's doing it... but try this in extra.less:

.p-nav-opposite i {
    font-size: 14px;
}

It reduces the icon font size a little which seems to help.

 

[cannabis ape]

Sup Russ. Finally also extended my Xenforo license as I finally have a serious use for it. Just installed it all with flatawesome as default but even in this version I see a tiny tiny gap, can I close it?

 

[Russ]

Did you add my CSS above? You may need to try 12px / 13px. It's something to do with the icons in the user navigation area.

 

[cannabis ape]

Didn't tried it yet as last time I was still on 3 XF versions ago, tried it, 14 did nothing but 13px closed it, thanks.

 

[Russ]

Didn't tried it yet as last time I was still on 3 XF versions ago, tried it, 14 did nothing but 13px closed it, thanks.

Good to hear! I'll see about making an adjustment here so we don't have to edit this manually.

 

[cannabis ape]

Good to hear! I'll see about making an adjustment here so we don't have to edit this manually.

Almost a year later, working on a new project, it's still there

 

[Russ]

I can reproduce this on the default style when messing around with the font sizing. Depending on various factors, it looks like the icons + avatar cause the issue.

.p-nav-opposite i {
    font-size: 12px;
}
.p-nav-opposite .p-navgroup-link.p-navgroup-link--user .avatar {
    width: 18px;
    height: 18px;
}

Try this in your extra.less to see if it helps.

I can definitely reproduce it on the default style with a single font size tweaks so it could be an official bug report. I'll double-check.