mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Add sticker introduction tooltip image

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
_locales/en/messages.json
View file

@ -1814,6 +1814,12 @@
"description": "description":
"Shown in the sticker pack manager next to sticker packs which are already installed." "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": { "stickers--StickerManager--Introduction--Title": {
"message": "Introducing Stickers", "message": "Introducing Stickers",
"description": "description":

BIN
images/sticker_splash@1x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
images/sticker_splash@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

9
stylesheets/_modules.scss
View file

@ -5779,11 +5779,10 @@ button.module-image__border-overlay:focus {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
// &__image { &__image {
// width: 52px; width: 52px;
// height: 52px; height: 52px;
// background: $color-gray-05; }
// }
&__meta { &__meta {
flex-grow: 1; flex-grow: 1;

6
ts/components/stickers/StickerButton.tsx
View file

@ -266,7 +266,11 @@ export const StickerButton = React.memo(
)} )}
onClick={handleClearIntroduction} 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">
<div className="module-sticker-button__tooltip--introduction__meta__title"> <div className="module-sticker-button__tooltip--introduction__meta__title">
{i18n('stickers--StickerManager--Introduction--Title')} {i18n('stickers--StickerManager--Introduction--Title')}