bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Chats: fix pagination bugs, use flex column-reverse

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/features/chats/components/chat_message_list.js
View file

Binary file not shown.

8
app/styles/chats.scss
View file

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