Style: better styling of translate buttons, hide translate buttons where not applicable

This commit is contained in:
Pieter Vander Vennet 2023-05-30 23:45:30 +02:00
parent f0f0292d0c
commit 08a604c3f5
10 changed files with 22 additions and 16 deletions

View file

@ -30,7 +30,7 @@
</script>
{#if t}
<span class={"inline-flex items-center "+cls}>
<span class={cls}>
<FromHtml src={txt}></FromHtml>
<WeblateLink context={t.context}></WeblateLink>
</span>

View file

@ -10,18 +10,17 @@
let linkToWeblate = Locale.showLinkToWeblate;
let linkOnMobile = Locale.showLinkOnMobile;
let language = Locale.language;
</script>
{#if context}
{#if !!context && context.indexOf(":") > 0}
{#if $linkOnMobile}
<a href={LinkToWeblate.hrefToWeblate($language, context)} target="_blank" class="mx-1 weblate-link">
<img src="./assets/svg/translate.svg" class="w-3 h-3 rounded-full font-gray" />
<img src="./assets/svg/translate.svg" class="font-gray" />
</a>
{:else if $linkToWeblate}
<a href={LinkToWeblate.hrefToWeblate($language, context)} class="weblate-link hidden-on-mobile mx-1" target="_blank">
<img src="./assets/svg/translate.svg" class="w-3 h-3 rounded-full font-gray inline-block" />
<img src="./assets/svg/translate.svg" class="font-gray inline-block" />
</a>
{/if}
{/if}