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}

View file

@ -48,6 +48,7 @@ export default class OpeningHoursPickerTable extends InputElement<OpeningHour[]>
protected InnerConstructElement(): HTMLElement {
const table = document.createElement("table")
table.classList.add("oh-table")
table.classList.add("no-weblate")
table.classList.add("relative") // Workaround for webkit-based viewers, see #1019
const cellHeightInPx = 14

View file

@ -76,6 +76,7 @@ export default class OpeningHoursVisualization extends Toggle {
new Loading(Translations.t.general.opening_hours.loadingCountry),
tags.map((tgs) => tgs._country !== undefined)
)
this.SetClass("no-weblate")
}
private static CreateFullVisualisation(oh: any): BaseUIElement {

View file

@ -52,7 +52,7 @@
{#each specs as specpart}
{#if typeof specpart === "string"}
<span class="inline-flex items-center">
<span>
<FromHtml src={Utils.SubstituteKeys(specpart, $tags)} />
<WeblateLink context={t.context} />
</span>

View file

@ -16,9 +16,11 @@ export class Translation extends BaseUIElement {
throw `Translation without content (${context})`
}
this.context = translations["_context"] ?? context
if (typeof translations === "string") {
translations = { "*": translations }
}
let count = 0
for (const translationsKey in translations) {
if (!translations.hasOwnProperty(translationsKey)) {