From d93735b58c3174d8ad79ef5cff7787b3ec825658 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Tue, 29 Nov 2022 10:42:49 +0900
Subject: feat: Move LocaleSwitcher out of tabbing

---
 code/app/src/lib/components/locale-switcher.svelte       | 2 ++
 code/app/src/routes/(main)/(public)/+layout.svelte       | 2 +-
 code/app/src/routes/(main)/(public)/sign-in/+page.svelte | 4 +++-
 3 files changed, 6 insertions(+), 2 deletions(-)

(limited to 'code')

diff --git a/code/app/src/lib/components/locale-switcher.svelte b/code/app/src/lib/components/locale-switcher.svelte
index 19624a5..b0230f8 100644
--- a/code/app/src/lib/components/locale-switcher.svelte
+++ b/code/app/src/lib/components/locale-switcher.svelte
@@ -10,6 +10,7 @@
     import Cookies from "js-cookie";
 
     export let _pwKey: string | undefined = undefined;
+    export let tabindex: number | undefined = undefined;
 
     async function switch_locale(newLocale: Locales) {
         if (!newLocale || $locale === newLocale) return;
@@ -42,6 +43,7 @@
 </script>
 
 <select
+    {tabindex}
     use:pwKey={_pwKey}
     on:change={on_change}
     class="mt-1 mr-1 block border-none py-2 pl-3 pr-10 text-base rounded-md right-0 absolute focus:outline-none focus:ring-teal-500 sm:text-sm"
diff --git a/code/app/src/routes/(main)/(public)/+layout.svelte b/code/app/src/routes/(main)/(public)/+layout.svelte
index 0f1940a..cbda776 100644
--- a/code/app/src/routes/(main)/(public)/+layout.svelte
+++ b/code/app/src/routes/(main)/(public)/+layout.svelte
@@ -3,7 +3,7 @@
     import LL from "$lib/i18n/i18n-svelte";
 </script>
 
-<LocaleSwitcher />
+<LocaleSwitcher tabindex={-1} />
 <slot />
 <footer class="grid sm:gap-5 grid-flow-row sm:justify-center px-2 sm:grid-flow-col">
     <a href="https://greatoffice.life/privacy" class="link">
diff --git a/code/app/src/routes/(main)/(public)/sign-in/+page.svelte b/code/app/src/routes/(main)/(public)/sign-in/+page.svelte
index cf6da75..12801c5 100644
--- a/code/app/src/routes/(main)/(public)/sign-in/+page.svelte
+++ b/code/app/src/routes/(main)/(public)/sign-in/+page.svelte
@@ -99,7 +99,9 @@
         </h2>
         <p class="mt-2 text-sm text-gray-600">
             {$LL.or().toLowerCase()}
-            <a href="/sign-up" use:pwKey={signInPageTestKeys.signUpAnchor} class="link">{$LL.createANewAccount().toLowerCase()}</a>
+            <a href="/sign-up" use:pwKey={signInPageTestKeys.signUpAnchor} class="link">
+                {$LL.createANewAccount().toLowerCase()}
+            </a>
         </p>
     </div>
     <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
-- 
cgit v1.3