tea/browsertrix
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Make footer translatable (#2038)

Browse Source 
- Wraps footer strings to prepare for localization
- Removes extraneous class names
- Updates copy button tooltip to match bug report field
This commit is contained in:
sua yoo 2024-08-21 14:01:52 -07:00 committed by GitHub
parent 86c9e538c1
commit 3605d07547
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 18 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
frontend/src/index.ts
View File

@ -545,57 +545,49 @@ export class App extends LiteElement {
private renderFooter() { private renderFooter() {
return html` return html`
<footer <footer
class="mx-auto box-border flex w-full max-w-screen-desktop flex-col justify-between gap-4 p-3 md:flex-row" class="mx-auto box-border flex w-full max-w-screen-desktop flex-col items-center justify-between gap-4 p-3 md:flex-row"
> >
<!-- <div> --> <!-- <div> -->
<!-- TODO re-enable when translations are added --> <!-- TODO re-enable when translations are added -->
<!-- <btrix-locale-picker></btrix-locale-picker> --> <!-- <btrix-locale-picker></btrix-locale-picker> -->
<!-- </div> --> <!-- </div> -->
<div class="flex items-center justify-center"> <div>
<a <a
class="flex items-center gap-2 text-neutral-400 hover:text-primary" class="flex items-center gap-2 leading-none text-neutral-400 hover:text-primary"
href="https://github.com/webrecorder/browsertrix" href="https://github.com/webrecorder/browsertrix"
target="_blank" target="_blank"
rel="noopener" rel="noopener"
> >
<sl-icon <sl-icon name="github" class="size-4 text-base"></sl-icon>
name="github" ${msg("Source Code")}
class="inline-block size-4 align-middle text-base"
></sl-icon>
Source Code
</a> </a>
</div> </div>
<div class="flex items-center justify-center"> <div>
<a <a
class="flex items-center gap-2 text-neutral-400 hover:text-primary" class="flex items-center gap-2 leading-none text-neutral-400 hover:text-primary"
href="https://docs.browsertrix.com" href="https://docs.browsertrix.com"
target="_blank" target="_blank"
rel="noopener" rel="noopener"
> >
<sl-icon <sl-icon name="book-half" class="size-4 text-base"></sl-icon>
name="book-half" ${msg("Documentation")}
class="inline-block size-4 align-middle text-base"
></sl-icon>
Documentation
</a> </a>
</div> </div>
<div class="flex items-center justify-center">
${this.version ${this.version
? html` ? html`
<div class="flex items-center justify-center gap-2 leading-none">
<btrix-copy-button <btrix-copy-button
class="mr-2 size-4 text-neutral-400" class="size-4 text-neutral-400"
.getValue=${() => this.version} .getValue=${() => this.version}
content=${msg("Copy Version Code")} content=${msg("Copy Browsertrix Version")}
size="x-small" size="x-small"
></btrix-copy-button> ></btrix-copy-button>
<span <span class="font-monostyle text-xs text-neutral-400">
class="font-monostyle inline-block align-middle text-xs text-neutral-400"
>
${this.version} ${this.version}
</span> </span>
`
: ""}
</div> </div>
`
: nothing}
</footer> </footer>
`; `;
} }