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

Chats: refactor ChatBox into its own component

Browse source
This commit is contained in:
Alex Gleason 2020-08-28 13:17:19 -05:00
parent d67d76bf3a
commit e7c6862fd0
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
7 changed files with 25 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/actions/chats.js
View file

Binary file not shown.

BIN
app/soapbox/features/chats/chat_room.js
View file

Binary file not shown.

BIN
app/soapbox/features/chats/components/chat_box.js Normal file
View file

Binary file not shown.

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

Binary file not shown.

BIN
app/soapbox/features/chats/index.js
View file

Binary file not shown.

BIN
app/soapbox/reducers/chat_messages.js
View file

Binary file not shown.

41
app/styles/chats.scss
View file

@ -86,23 +86,12 @@
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
}
&__actions { .chat-box {
background: var(--foreground-color); display: flex;
margin-top: auto; flex: 1;
padding: 6px; flex-direction: column;
overflow: hidden;
textarea {
width: 100%;
margin: 0;
box-sizing: border-box;
padding: 6px;
background: var(--background-color);
border: 0;
border-radius: 6px;
color: var(--primary-text-color);
font-size: 15px;
} }
} }
} }
@ -166,3 +155,23 @@
bottom: auto; bottom: auto;
} }
} }
.chat-box {
&__actions {
background: var(--foreground-color);
margin-top: auto;
padding: 6px;
textarea {
width: 100%;
margin: 0;
box-sizing: border-box;
padding: 6px;
background: var(--background-color);
border: 0;
border-radius: 6px;
color: var(--primary-text-color);
font-size: 15px;
}
}
}