Chats: fix pagination bugs, use flex column-reverse

This commit is contained in:
Alex Gleason 2020-09-04 17:19:26 -05:00
parent 8e6a662fbb
commit c595e393da
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 7 additions and 1 deletions

View file

@ -99,12 +99,18 @@
.chat-messages {
overflow-y: scroll;
flex: 1;
display: flex;
flex-direction: column-reverse;
}
.chat-message {
margin: 14px 10px;
padding: 7px 10px;
display: flex;
&:last-child {
padding-top: 14px;
}
&__bubble {
font-size: 15px;
padding: 4px 10px;