diff --git a/src/intl/de.js b/src/intl/de.js index bee4ed5a..ae87d5bf 100644 --- a/src/intl/de.js +++ b/src/intl/de.js @@ -311,6 +311,7 @@ export default { fields: 'Felder', accountHasMoved: '{account} ist umgezogen:', profilePageForAccount: 'Profilseite für {account}', + verified: 'Verified', // About page about: 'Über', aboutApp: 'Über Semaphore', diff --git a/src/intl/en-US.js b/src/intl/en-US.js index 31f35384..e952f4ee 100644 --- a/src/intl/en-US.js +++ b/src/intl/en-US.js @@ -323,6 +323,7 @@ export default { fields: 'Fields', accountHasMoved: '{account} has moved:', profilePageForAccount: 'Profile page for {account}', + verified: 'Verified', // About page about: 'About', aboutApp: 'About Semaphore', diff --git a/src/intl/es.js b/src/intl/es.js index 9cabd8c2..51eb9526 100644 --- a/src/intl/es.js +++ b/src/intl/es.js @@ -324,6 +324,7 @@ export default { fields: 'Campos', accountHasMoved: '{account} se ha trasladado:', profilePageForAccount: 'Página de perfil para {account}', + verified: 'Verified', // About page about: 'Acerca de', aboutApp: 'Acerca de Semaphore', diff --git a/src/intl/fr.js b/src/intl/fr.js index 7186fe37..8854e464 100644 --- a/src/intl/fr.js +++ b/src/intl/fr.js @@ -313,6 +313,7 @@ export default { fields: 'Champs', accountHasMoved: '{account} a déménagé', profilePageForAccount: 'Page de profil pour {account}', + verified: 'Verified', // About page about: 'Infos', aboutApp: 'Infos sur Semaphore', diff --git a/src/intl/ru-RU.JS b/src/intl/ru-RU.JS index 65d9941b..9887945b 100644 --- a/src/intl/ru-RU.JS +++ b/src/intl/ru-RU.JS @@ -323,6 +323,7 @@ export default { fields: 'Поля', accountHasMoved: '{account} переехал:', profilePageForAccount: 'Страница профиля для {account}', + verified: 'Verified', // About page about: 'О нас', aboutApp: 'О Semaphore', diff --git a/src/routes/_components/profile/AccountProfileMeta.html b/src/routes/_components/profile/AccountProfileMeta.html index ed7bcfa7..f9b6b39f 100644 --- a/src/routes/_components/profile/AccountProfileMeta.html +++ b/src/routes/_components/profile/AccountProfileMeta.html @@ -17,9 +17,16 @@ > {@html field.value} -
+
{#if field.verified} - + {/if}
{/each} @@ -52,12 +59,6 @@ font-size: 1.1em; } - :global(.account-profile-meta-verified-svg) { - width: 24px; - height: 24px; - fill: var(--svg-fill); - } - .account-profile-meta-name { padding: 10px 20px 10px 0; text-transform: uppercase; @@ -98,6 +99,31 @@ padding: 5px 10px 5px 10px; } } + + .account-profile-meta-verified { + display: inline-flex; + align-items: center; + vertical-align: middle; + white-space: nowrap; + gap: 0.2em; + margin-left: 0.5em; + padding: 2px 0; + padding-left: 4px; + padding-right: 5px; + font-size: 0.9em; + color: var(--verified-text-color); + background: var(--verified-bg-color); + border: 1px solid var(--verified-border-color, currentColor); + border-radius: 4px; + } + + :global(.account-profile-meta-verified-svg) { + display: inline-block; + width: .9em; + height: .9em; + fill: currentColor; + opacity: 0.95; + }