cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-22 07:00:58 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix(typindicator): some design tweaks

Browse source
This commit is contained in:
trashtemp 2022-01-14 20:53:09 +01:00
parent 3fd56e4fdc
commit f01943c681
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/common/messaging/bars/TypingIndicator.tsx
View file

@ -13,10 +13,10 @@ const Base = styled.div`
position: relative; position: relative;
> div { > div {
height: 24px; height: 26px;
margin-top: -24px; top: -26px;
position: absolute; position: absolute;
font-size: 13px;
gap: 8px; gap: 8px;
display: flex; display: flex;
padding: 0 10px; padding: 0 10px;
@ -40,9 +40,12 @@ const Base = styled.div`
height: 16px; height: 16px;
object-fit: cover; object-fit: cover;
border-radius: var(--border-radius-half); border-radius: var(--border-radius-half);
background: var(--secondary-background);
//background-clip: border-box;
border: 2px solid var(--secondary-background);
&:not(:first-child) { &:not(:first-child) {
margin-left: -4px; margin-left: -6px;
} }
} }
} }
@ -53,6 +56,7 @@ const Base = styled.div`
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
//font-weight: 600;
} }
`; `;

2
src/pages/channels/messaging/MessageArea.tsx
View file

@ -49,7 +49,7 @@ const Area = styled.div.attrs({ "data-scroll-offset": "with-padding" })`
> div { > div {
display: flex; display: flex;
min-height: 100%; min-height: 100%;
padding-bottom: 24px; padding-bottom: 26px;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
} }