From 608824f862caf6bcd5d1be4179c8257b110e4728 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Fri, 9 Aug 2024 12:05:15 +0600
Subject: [PATCH] web/DonateBanner: focus the title first on the page

---
 web/src/components/donate/DonateBanner.svelte | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/src/components/donate/DonateBanner.svelte b/web/src/components/donate/DonateBanner.svelte
index 557722a2..8a99a136 100644
--- a/web/src/components/donate/DonateBanner.svelte
+++ b/web/src/components/donate/DonateBanner.svelte
@@ -15,7 +15,13 @@
             <div id="imput-logo">
                 <Imput />
             </div>
-            <div id="banner-title" class="redaction">
+            <div
+                id="banner-title"
+                class="redaction"
+                tabindex="-1"
+                data-first-focus
+                data-focus-ring-hidden
+            >
                 {$t("donate.banner.title")}
             </div>
             <div id="banner-subtitle">{$t("donate.banner.subtitle")}</div>
@@ -44,7 +50,8 @@
             var(--donate-gradient-start) 30%,
             var(--donate-gradient-end) 100%
         );
-        box-shadow: 0 0 0 2px rgba(255, 255, 255, var(--donate-border-opacity)) inset;
+        box-shadow: 0 0 0 2px rgba(255, 255, 255, var(--donate-border-opacity))
+            inset;
     }
 
     #banner-contents {