From b17a2296e1ee72702aaee26aef81d261421c78d5 Mon Sep 17 00:00:00 2001
From: sheodox <imagamer27@msn.com>
Date: Thu, 19 Oct 2023 16:34:54 -0500
Subject: [PATCH] Remove the focus outline of the post feed background

Initial focus is placed on the post feed on page load for up/down/page up/page down/etc keys to work from the start. This however added an outline on that element as part of default user agent styling in Firefox for focused elements I think, and the way the background of the header looked it meant you'd see a white gradient from the bottom of the header which looked different depending on the computer but was unwanted everywhere.

This just removes that outline.
---
 src/lib/feeds/posts/PostsPage.svelte | 2 +-
 src/routes/style.scss                | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/feeds/posts/PostsPage.svelte b/src/lib/feeds/posts/PostsPage.svelte
index 84790f6..010aa42 100644
--- a/src/lib/feeds/posts/PostsPage.svelte
+++ b/src/lib/feeds/posts/PostsPage.svelte
@@ -44,7 +44,7 @@
 			<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 			<!-- svelte-ignore a11y-no-static-element-interactions -->
 			<div
-				class="feed-column feed-column-feed virtual-feed-scroll-container"
+				class="feed-column feed-column-feed virtual-feed-scroll-container default-focus-area"
 				tabindex={0}
 				use:focus
 				bind:this={feedColumnEl}
diff --git a/src/routes/style.scss b/src/routes/style.scss
index 646c1a2..27641ba 100644
--- a/src/routes/style.scss
+++ b/src/routes/style.scss
@@ -26,3 +26,7 @@ ul.hover-list {
 		}
 	}
 }
+
+.default-focus-area:focus {
+	outline: none;
+}