diff --git a/_locales/en/messages.json b/_locales/en/messages.json index c162387e4cac..5a35429a0d51 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -1814,6 +1814,12 @@ "description": "Shown in the sticker pack manager next to sticker packs which are already installed." }, + "stickers--StickerManager--Introduction--Image": { + "message": + "Introducing Stickers: Bandit the Cat", + "description": + "Alt text on a tooltip image when the user upgrades to a version of Signal supporting stickers." + }, "stickers--StickerManager--Introduction--Title": { "message": "Introducing Stickers", "description": diff --git a/images/sticker_splash@1x.png b/images/sticker_splash@1x.png new file mode 100644 index 000000000000..da0942dd2254 Binary files /dev/null and b/images/sticker_splash@1x.png differ diff --git a/images/sticker_splash@2x.png b/images/sticker_splash@2x.png new file mode 100644 index 000000000000..b11465350f6d Binary files /dev/null and b/images/sticker_splash@2x.png differ diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss index 0a0b38bbd95f..725637b4e6c3 100644 --- a/stylesheets/_modules.scss +++ b/stylesheets/_modules.scss @@ -5779,11 +5779,10 @@ button.module-image__border-overlay:focus { display: flex; flex-direction: row; - // &__image { - // width: 52px; - // height: 52px; - // background: $color-gray-05; - // } + &__image { + width: 52px; + height: 52px; + } &__meta { flex-grow: 1; diff --git a/ts/components/stickers/StickerButton.tsx b/ts/components/stickers/StickerButton.tsx index 944752a0f1af..bafd4a566fb1 100644 --- a/ts/components/stickers/StickerButton.tsx +++ b/ts/components/stickers/StickerButton.tsx @@ -266,7 +266,11 @@ export const StickerButton = React.memo( )} onClick={handleClearIntroduction} > - {/*
*/} + {i18n('stickers--StickerManager--Introduction--Image')}
{i18n('stickers--StickerManager--Introduction--Title')}