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

Chats: Style the chat boxes

Browse source
This commit is contained in:
Alex Gleason 2020-08-25 17:07:07 -05:00
parent 6e0bac3d43
commit 0d7a926fa5
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 38 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_panes.js
View file

Binary file not shown.

39
app/styles/chats.scss
View file

@ -1,24 +1,61 @@
.pane { .pane {
@include standard-panel-shadow;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
right: 20px; right: 20px;
width: 265px; width: 265px;
height: 265px;
max-height: calc(100vh - 70px);
display: flex;
flex-direction: column;
z-index: 99999; z-index: 99999;
&--main {
height: calc(100vh - 70px);
}
&__header { &__header {
background: var(--brand-color); background: var(--brand-color);
color: #fff; color: #fff;
padding: 6px 10px; padding: 6px 10px;
font-size: 18px; font-size: 16px;
font-weight: bold; font-weight: bold;
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
display: flex;
align-items: center;
.account__avatar {
margin-right: 7px;
}
.display-name__account {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
} }
&__content { &__content {
height: 100%;
background: var(--foreground-color); background: var(--foreground-color);
display: flex;
flex-direction: column;
} }
&__actions { &__actions {
background: var(--foreground-color); background: var(--foreground-color);
margin-top: auto;
input {
width: 100%;
margin: 0;
box-sizing: border-box;
padding: 6px;
background: var(--background-color);
border: 6px solid var(--foreground-color);
border-radius: 10px;
color: var(--primary-text-color);
font-size: 16px;
}
} }
} }