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

Message: Fix styles in the link preview (#4599)

Browse Source
This commit is contained in:
Alexander Zinchuk 2024-06-12 18:10:51 +02:00
parent f45a5ff023
commit 7d2609c94f
4 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -643,11 +643,6 @@
} }
.message-content { .message-content {
&.has-replies:not(.custom-shape):not(.has-reactions) .WebPage.with-square-photo .media-inner,
&.has-replies:not(.custom-shape):not(.has-reactions) .WebPage.with-video .media-inner {
margin-bottom: 1.5rem !important;
}
&.has-replies:not(.custom-shape), &.has-replies:not(.custom-shape),
&.text:not(.web-page) { &.text:not(.web-page) {
.media-inner, .media-inner,

2
src/components/middle/message/MessageMeta.scss
View File

@ -153,7 +153,7 @@
} }
.message-content.has-replies.text:not(.custom-shape) & { .message-content.has-replies.text:not(.custom-shape) & {
bottom: 3.4375rem; bottom: 3.1875rem;
} }
&[dir="rtl"] { &[dir="rtl"] {

4
src/components/middle/message/WebPage.scss
View File

@ -1,7 +1,7 @@
.WebPage { .WebPage {
margin-top: 0.25rem; margin-top: 0.25rem;
margin-bottom: 0.125rem; margin-bottom: 0.125rem;
padding: 0.375rem; padding: 0.1875rem;
font-size: calc(var(--message-text-size, 1rem) - 0.125rem); font-size: calc(var(--message-text-size, 1rem) - 0.125rem);
line-height: 1.125rem; line-height: 1.125rem;
max-width: 29rem; max-width: 29rem;
@ -182,7 +182,7 @@
.site-description { .site-description {
line-height: 1.25; line-height: 1.25;
margin-bottom: 0; margin-bottom: 0.125rem;
body.is-ios & { body.is-ios & {
line-height: 1.125rem; line-height: 1.125rem;

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

@ -596,7 +596,7 @@
// Moved below `.has-subheader` to overwrite its styles // Moved below `.has-subheader` to overwrite its styles
&.text .media-inner, &.text .media-inner,
&.text .Album { &.text .Album {
margin-bottom: 0.375rem; margin-bottom: 0.375rem !important;
body.is-ios .Message.own & { body.is-ios .Message.own & {
margin-bottom: 0.375rem; margin-bottom: 0.375rem;