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

Comments Button: Fix width on unsupported messages (#5002)

Browse Source
This commit is contained in:
zubiden 2024-09-24 14:48:49 +02:00 committed by Alexander Zinchuk
parent 8f9731a5cf
commit a3ab9759d5
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -125,7 +125,8 @@
.voice &, .voice &,
.poll &, .poll &,
.text &, .text &,
.giveaway & { .giveaway &,
.unsupported & {
border-top: 1px solid var(--color-borders); border-top: 1px solid var(--color-borders);
} }
@ -144,7 +145,8 @@
.message-content.poll &, .message-content.poll &,
.message-content.giveaway &, .message-content.giveaway &,
.message-content.has-solid-background.text &, .message-content.has-solid-background.text &,
.message-content.has-solid-background.is-forwarded & { .message-content.has-solid-background.is-forwarded &,
.message-content.unsupported & {
width: calc(100% + 1rem); width: calc(100% + 1rem);
} }

7
src/components/middle/message/helpers/buildContentClassName.ts
View File

@ -41,11 +41,12 @@ export function buildContentClassName(
const { paidMedia } = getMessageContent(message); const { paidMedia } = getMessageContent(message);
const { photo: paidMediaPhoto, video: paidMediaVideo } = getSingularPaidMedia(paidMedia); const { photo: paidMediaPhoto, video: paidMediaVideo } = getSingularPaidMedia(paidMedia);
const content = getMessageContent(message);
const { const {
photo = paidMediaPhoto, video = paidMediaVideo, photo = paidMediaPhoto, video = paidMediaVideo,
audio, voice, document, poll, webPage, contact, location, invoice, storyData, audio, voice, document, poll, webPage, contact, location, invoice, storyData,
giveaway, giveawayResults, giveaway, giveawayResults,
} = getMessageContent(message); } = content;
const text = album?.hasMultipleCaptions ? undefined : getMessageContent(album?.captionMessage || message).text; const text = album?.hasMultipleCaptions ? undefined : getMessageContent(album?.captionMessage || message).text;
const hasFactCheck = Boolean(message.factCheck?.text); const hasFactCheck = Boolean(message.factCheck?.text);
@ -84,6 +85,10 @@ export function buildContentClassName(
classNames.push('no-text'); classNames.push('no-text');
} }
if (!Object.keys(content).length) {
classNames.push('unsupported');
}
if (hasActionButton) { if (hasActionButton) {
classNames.push('has-action-button'); classNames.push('has-action-button');
} }