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

Message: Reduce margins between messages on mobile (#1683)

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-02-02 22:48:26 +01:00
parent c6672612bf
commit 80fb334d3d
3 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -238,6 +238,11 @@
opacity: 1; opacity: 1;
transition: opacity .3s ease; transition: opacity .3s ease;
@media (max-width: 600px) {
margin-top: .5rem;
margin-bottom: .75rem;
}
body:not(.is-scrolling-messages) &.stuck { body:not(.is-scrolling-messages) &.stuck {
opacity: 0; opacity: 0;

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

@ -24,6 +24,9 @@
@media (min-width: 1921px) { @media (min-width: 1921px) {
--max-width: calc(30vw - 1rem); --max-width: calc(30vw - 1rem);
} }
@media (max-width: 600px) {
margin-bottom: .3125rem;
}
&.is-swiped { &.is-swiped {
transform: translateX(-2.5rem) !important; transform: translateX(-2.5rem) !important;
@ -93,6 +96,9 @@
&.last-in-group { &.last-in-group {
margin-bottom: 0.625rem; margin-bottom: 0.625rem;
@media (max-width: 600px) {
margin-bottom: .4375rem;
}
} }
&.last-in-list { &.last-in-list {

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

@ -482,7 +482,7 @@
&.is-reply .media-inner, &.is-reply .media-inner,
&.force-sender-name .Album, &.force-sender-name .Album,
&.is-reply .Album, &.is-reply .Album,
.message-title ~ .media-inner { .message-title ~ .media-inner:not(.RoundVideo) {
margin-top: 0.375rem; margin-top: 0.375rem;
margin-bottom: -0.375rem; margin-bottom: -0.375rem;
@ -688,6 +688,9 @@
font-size: 4rem; font-size: 4rem;
margin-top: .5rem; margin-top: .5rem;
min-width: 10rem; min-width: 10rem;
@media (max-width: 600px) {
margin-top: .375rem;
}
&.has-comments { &.has-comments {
margin-top: 1.25rem; margin-top: 1.25rem;