web/SidebarTab: add aria label for beta tabs & fix its position

This commit is contained in:
wukko 2024-09-05 07:59:49 +06:00
parent 9e8c953ca6
commit b03c71eb14
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 4 additions and 2 deletions

View file

@ -1,4 +1,5 @@
{ {
"cobalt": "cobalt", "cobalt": "cobalt",
"meowbalt": "meowbalt" "meowbalt": "meowbalt",
"beta": "beta"
} }

View file

@ -46,7 +46,7 @@
aria-selected={isTabActive} aria-selected={isTabActive}
> >
{#if beta} {#if beta}
<div class="beta-sign"</div> <div class="beta-sign" aria-label={$t("general.beta")}>β</div>
{/if} {/if}
<slot></slot> <slot></slot>
{$t(`tabs.${tabName}`)} {$t(`tabs.${tabName}`)}
@ -69,6 +69,7 @@
text-decoration: none; text-decoration: none;
text-decoration-line: none; text-decoration-line: none;
position: relative;
} }
.sidebar-tab :global(svg) { .sidebar-tab :global(svg) {