Cracked.io Community Must add Attention Message for New Users

[BoDJa]

New users must have this attention bar on their profiles:

Ticketmaster Accounts Aged 2002 - 2018
​

 

[22z]

agreed

 

[Dey]

people will still be dumb

​

 

[S4L]

I've always had a hard time following what was going on in the shoutbox, and I discovered why today : the messages order
New messages display at the top, then it stacks, while the message input area is at the bottom.
I'm sure it's a choice, but the UX is horrible...

My suggestion : Add a settings to reverse messages order
This CSS works perfect :
Code:

#shoutbox #container-main {
display: flex;
flex-direction: column-reverse;
}

Preview :

It's possible to add this CSS ourselves, but it would be simplier and more welcoming to new members who may not know about the custom CSS thing


EDIT :
https://Traded.cx/Thread-Scroll-issue-on-Home-page
It fixes the scroll issue partially. There will still be a scroll issue, but it will scroll up (instead of down) until you have scrolled past the shoutbox. So all the homepage features can be used without random scrolls !

EDIT 2 :
My code introduce a bug : the shoutbox can't be scrolled (as it changed from display:table to flex)
The following code will add a working scrollbar, but it will not fix the scroll issue on home page (previous EDIT)
Code:

#shoutbox .window {
overflow: hidden;
}
#shoutbox #container-main {
display: flex;
flex-direction: column-reverse;
overflow: auto;
}