Add sticker introduction tooltip image

This commit is contained in:
Ken Powers 2019-12-11 19:10:37 -08:00 committed by Scott Nonnenberg
parent a83f5ce3e0
commit d86e8ef7ec
5 changed files with 15 additions and 6 deletions

View File

@ -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":

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -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;

View File

@ -266,7 +266,11 @@ export const StickerButton = React.memo(
)}
onClick={handleClearIntroduction}
>
{/* <div className="module-sticker-button__tooltip--introduction__image" /> */}
<img
className="module-sticker-button__tooltip--introduction__image"
srcSet="images/sticker_splash@1x.png 1x, images/sticker_splash@2x.png 2x"
alt={i18n('stickers--StickerManager--Introduction--Image')}
/>
<div className="module-sticker-button__tooltip--introduction__meta">
<div className="module-sticker-button__tooltip--introduction__meta__title">
{i18n('stickers--StickerManager--Introduction--Title')}