Double line height for paragraphs in forum posts

Stormbringer

Something has changed recently with regards to Vanilla and posting. There appears to be double height spacing for paragraphs, e.g. here:

The HTML code for the gaps is <div><br></div>. It's a post I made a while ago and when I made it, there wasn't double line height being rendered. 

Furthermore, for newly posted topics, e.g the I'm Back threads, there are also double line heights caused by double <br> tags:

In the great scheme of things this isn't such a big deal, and in creating new posts I can "hack" this by going into the raw HTML and removing the extra tags after the post is published ... I deliberately haven't done that in this post to highlight the issue. But it would be good to have the old posts fixed so they look how they were intended to in the first place.

@The_Buffalo have any changes been made recently that you're aware of? This looks like either a database change or CSS alteration. I did see a rule for

.userContent > :not(:last-child) { margin-bottom: 14px; }

and given that the HTML for my signature looks good, but there is extra height spacing in that, I'm inclined to think it's a CSS change. If I change that value to 4px it looks better, but still not quite right.

berndcrisp

This is not a problem, nor is a lump in your mashed potatoes or throat, but a lump in your breast is.

fishlessman

all the smillies below are on the same line, if you edit it, it changes

fishlessman

fishlessman

how can you explaine them jumping around like that, sometimes they jump up, sometimes down

Stormbringer

fishlessman said:

how can you explaine them jumping around like that, sometimes they jump up, sometimes down

I can explain the jumping down, it's the same CSS line that I highlighted in the first post:

.userContent > :not(:last-child) {
    margin-bottom: 14px;
}

What that says is to put some padding underneath every element inside the userContent container except the last element. In your line of smiley's above, the first four have a 14px gap under them. The last smiley, the last-child of the parent, fails the CSS rule so doesn't have it applied.

JohnInCarolina

fishlessman said:

how can you explaine them jumping around like that, sometimes they jump up, sometimes down

They’re probably just House of Pain fans.

fishlessman

JohnInCarolina said:

fishlessman said:

how can you explaine them jumping around like that, sometimes they jump up, sometimes down

They’re probably just House of Pain fans.

and here i was complaining about the new songs

I'm the cream of the crop, I rise to the top
I never eat a pig, 'cause a pig is a cop
Or better yet a Terminator, like Arnold Schwarzanegger
Try to play me out like, as if my name was Sega
But I ain't going out like no punk ****
Get used to one style and yo and I might switch
It up up and around, then buck buck you down
Put out your head and then you wake up in the Dawn of the Dead
I'm coming to get ya, I'm coming to get ya
Spitting out lyrics, homie I'll wet ya
I came to get down, I came to get down
So get out your seat and jump around!

Jump around!
Jump around!
Jump around!
Jump up, jump up and get down!
Jump! Jump! Jump! Jump! (Everybody jump)
Jump! Jump! Jump! Jump!
Jump! Jump! Jump! Jump! (Everybody jump)
Jump! Jump! Jump! Jump!
Jump! Jump! Jump! Jump! (Everybody jump)
Jump! Jump! Jump! Jump!
Jump! Jump! Jump! Jump! (Everybody jump)
Jump! Jump! Jump! Jump!
Jump!

Stormbringer

I think I've worked out where the issue is, it's something to do with the editor and Firefox. If I used Firefox, I get this separating each line:

</div><div><br></div><div>

which is causing the double height line issue as it closes off the userContent div and starts a new one. If I use Edge or Chrome, I get this:

<br><br>

which works well. @The_Buffalo something to pass on to your IT people? In the meantime, it's Chrome for Eggheadforum.

Oh, and #firstworldproblems.