diff --git a/src/components/common/StickerSet.tsx b/src/components/common/StickerSet.tsx index 01527c262..f35fde3be 100644 --- a/src/components/common/StickerSet.tsx +++ b/src/components/common/StickerSet.tsx @@ -267,9 +267,9 @@ const StickerSet: FC = ({ > {!shouldHideHeader && (
-

+

{isLocked && } - {stickerSet.title} + {stickerSet.title} {(isChatEmojiSet || isChatStickerSet) && ( {lang(isChatEmojiSet ? 'GroupEmoji' : 'GroupStickers')} )} diff --git a/src/components/middle/composer/SymbolMenu.scss b/src/components/middle/composer/SymbolMenu.scss index 2ab88d080..714d1697a 100644 --- a/src/components/middle/composer/SymbolMenu.scss +++ b/src/components/middle/composer/SymbolMenu.scss @@ -187,51 +187,53 @@ color: rgba(var(--color-text-secondary-rgb), 0.75); } - &-name { + &-title { + display: flex; + gap: 0.5rem; + align-items: center; + font-size: 1rem; line-height: 1.6875rem; font-weight: 500; margin: 0; padding: 0 0.25rem 0.125rem; overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - text-align: center; unicode-bidi: plaintext; z-index: 1; &-external { color: var(--color-text); text-align: start; + margin-right: 0.5rem; } } + &-name { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + text-align: center; + } + &-amount { - display: block; font-size: 0.875rem; font-weight: normal; text-align: left; - line-height: 1.125rem; - margin-top: -0.125rem; - margin-bottom: 0.125rem; color: rgba(var(--color-text-secondary-rgb), 0.75); unicode-bidi: plaintext; - - .symbol-set-locked & { - padding-left: 1.25rem; - } + white-space: nowrap; } &-chat { background-color: var(--color-text-secondary); color: var(--color-background); - border-radius: 0.5rem; + border-radius: 1rem; padding-inline: 0.25rem; - margin-inline-start: 0.5rem; + white-space: nowrap; } - &-locked-icon { - margin-right: 0.25rem; + &-add-button { + margin-bottom: 0.25rem; } &-remove { diff --git a/src/components/middle/message/Giveaway.module.scss b/src/components/middle/message/Giveaway.module.scss index 086792937..5a4f241af 100644 --- a/src/components/middle/message/Giveaway.module.scss +++ b/src/components/middle/message/Giveaway.module.scss @@ -41,6 +41,7 @@ .section { margin-bottom: 1rem; + max-width: 100%; } .description { diff --git a/src/components/middle/message/Giveaway.tsx b/src/components/middle/message/Giveaway.tsx index 8495385a7..52e344bc5 100644 --- a/src/components/middle/message/Giveaway.tsx +++ b/src/components/middle/message/Giveaway.tsx @@ -27,8 +27,8 @@ import renderText from '../../common/helpers/renderText'; import useLang from '../../../hooks/useLang'; import useLastCallback from '../../../hooks/useLastCallback'; -import AnimatedIcon from '../../common/AnimatedIcon'; import AnimatedIconFromSticker from '../../common/AnimatedIconFromSticker'; +import AnimatedIconWithPreview from '../../common/AnimatedIconWithPreview'; import PickerSelectedItem from '../../common/PickerSelectedItem'; import Button from '../../ui/Button'; import ConfirmDialog from '../../ui/ConfirmDialog'; @@ -304,7 +304,7 @@ const Giveaway = ({

{isResults ? ( -