= ({
(forwardInfo && (forwardInfo.isChannelPost || (isChatWithSelf && !isOwn)) && forwardInfo.fromMessageId)
|| isPinnedList
);
- const showCommentsButton = message.threadInfo && (!isInDocumentGroup || isLastInDocumentGroup)
- && messageListType === 'thread' && !noComments;
return (
= ({
) : undefined}
- {showCommentsButton && }
+ {withCommentButton && }
{message.inlineButtons && (
diff --git a/src/components/middle/message/_message-content.scss b/src/components/middle/message/_message-content.scss
index 7ca6b1957..a7f22889d 100644
--- a/src/components/middle/message/_message-content.scss
+++ b/src/components/middle/message/_message-content.scss
@@ -223,6 +223,11 @@
width: calc(1.25 * var(--message-text-size, 1rem));
background-size: calc(1.25 * var(--message-text-size, 1rem));
}
+
+ .no-media-corners {
+ --border-top-left-radius: 0;
+ --border-top-right-radius: 0;
+ }
}
.message-content.media {
diff --git a/src/components/middle/message/helpers/mediaDimensions.ts b/src/components/middle/message/helpers/mediaDimensions.ts
index 7b9dcc8f5..4e300e559 100644
--- a/src/components/middle/message/helpers/mediaDimensions.ts
+++ b/src/components/middle/message/helpers/mediaDimensions.ts
@@ -11,11 +11,14 @@ import {
const MIN_MEDIA_WIDTH = 100;
const MIN_MEDIA_WIDTH_WITH_TEXT = 175;
+const MIN_MEDIA_WIDTH_WITH_TEXT_AND_COMMENTS = 238;
const MIN_MEDIA_HEIGHT = 90;
const SMALL_IMAGE_THRESHOLD = 12;
-export function getMinMediaWidth(hasText?: boolean) {
- return hasText ? MIN_MEDIA_WIDTH_WITH_TEXT : MIN_MEDIA_WIDTH;
+export function getMinMediaWidth(hasText?: boolean, hasCommentButton?: boolean) {
+ return hasText
+ ? (hasCommentButton ? MIN_MEDIA_WIDTH_WITH_TEXT_AND_COMMENTS : MIN_MEDIA_WIDTH_WITH_TEXT)
+ : MIN_MEDIA_WIDTH;
}
export function calculateMediaDimensions(message: ApiMessage) {