ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Message List: Fix inaccurate sending animation

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-06-19 17:47:10 +03:00
parent 401d700409
commit 2ac90ad21c
3 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/middle/MessageList.scss
View File

@ -56,14 +56,14 @@
margin-bottom: 0; margin-bottom: 0;
.last-in-list { .last-in-list {
margin-bottom: 5.6875rem; margin-bottom: 5.625rem;
&.ActionMessage {
padding-bottom: 0.0625rem;
}
@media (max-width: 600px) { @media (max-width: 600px) {
margin-bottom: 4.3125rem; margin-bottom: 4.25rem;
}
&.ActionMessage {
padding-bottom: 0.125rem;
} }
} }
} }
@ -90,8 +90,8 @@
&::before { &::before {
content: ""; content: "";
position: absolute; position: absolute;
top: -0.3125rem; top: -0.1875rem;
bottom: -0.3125rem; bottom: -0.1875rem;
left: -50vw; left: -50vw;
right: -50vw; right: -50vw;
background: black; background: black;

5
src/components/middle/message/Message.scss
View File

@ -46,8 +46,9 @@
} }
&.last-in-list { &.last-in-list {
// Forcing extra space which is taken by the appendix and causes incorrect container height calculation // Forcing extra space which is taken by the appendix and causes incorrect container height calculation.
margin-bottom: 0.4375rem; // This value is accurately crafted as a minimum possible.
margin-bottom: 0.375rem;
} }
&.is-in-selection-mode { &.is-in-selection-mode {

5
src/components/middle/message/_message-content.scss
View File

@ -182,10 +182,11 @@
} }
.svg-appendix { .svg-appendix {
overflow: hidden;
position: absolute; position: absolute;
bottom: -.1875rem; bottom: -.0875rem;
width: .5625rem; width: .5625rem;
height: 1.25rem; height: 1.125rem;
.corner { .corner {
fill: var(--background-color); fill: var(--background-color);