danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-11-30 04:39:00 +01:00
Code Issues 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;
transition: opacity .3s ease;
@media (max-width: 600px) {
margin-top: .5rem;
margin-bottom: .75rem;
}
body:not(.is-scrolling-messages) &.stuck {
opacity: 0;

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

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

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

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