From 0d91fd66e5949d24baf85b7993bb16fce83bb1eb Mon Sep 17 00:00:00 2001
From: Caryl Wyatt <carylw@hathitrust.org>
Date: Thu, 25 Jul 2024 10:55:39 -0400
Subject: [PATCH 1/3] fix navbar logo link focus indicator issue

---
 src/js/components/Navbar/index.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/js/components/Navbar/index.svelte b/src/js/components/Navbar/index.svelte
index 8684495..3cf0fa0 100644
--- a/src/js/components/Navbar/index.svelte
+++ b/src/js/components/Navbar/index.svelte
@@ -99,7 +99,7 @@
   <div class="container-fluid">
     <div class="ht-logo" class:compact>
       <!-- <img src="../assets/HT-logo-mobile-nav.svg" alt="HathiTrust" class="" /> -->
-      <a href="//{HT.www_domain}/">
+      <a href="//{HT.www_domain}/" class="d-block">
         <svg
           aria-labelledby="ht-logo-title"
           role="img"

From f702df79b957f04536191891df9f73264439ebc7 Mon Sep 17 00:00:00 2001
From: Caryl Wyatt <carylw@hathitrust.org>
Date: Thu, 25 Jul 2024 11:21:42 -0400
Subject: [PATCH 2/3] fix active button focus indicator style

---
 src/scss/styles.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 62af6e1..feb660a 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -351,7 +351,7 @@ body[data-initialized='true'] {
 }
 
 // FOCUS STYLES
-.btn, .accordion .accordion-button, select.form-select, input.form-control, textarea.form-control, input.form-check-input, :is(.was-validated) :is(.form-control, .form-select, .form-check-input) {
+.btn, .btn.active, .accordion .accordion-button, select.form-select, input.form-control, textarea.form-control, input.form-check-input, :is(.was-validated) :is(.form-control, .form-select, .form-check-input) {
   &:focus-visible {
       outline: 3px solid #086AB4 !important;
       outline-offset: 4px;

From 7f9497f6f9f24de5db2ae193c7a1e76a0f6c9c9d Mon Sep 17 00:00:00 2001
From: Caryl Wyatt <carylw@hathitrust.org>
Date: Thu, 25 Jul 2024 11:46:31 -0400
Subject: [PATCH 3/3] unset transition for focus-visible

---
 src/scss/styles.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index feb660a..809278a 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -88,6 +88,7 @@ $ht-focus-box-shadow: 0 0 0 6px #fff;
   box-shadow: 0 0 0 6px #fff;
   outline-offset: 4px;
   z-index: 3;
+  transition: unset;
 }
 
 // Required
@@ -351,12 +352,13 @@ body[data-initialized='true'] {
 }
 
 // FOCUS STYLES
-.btn, .btn.active, .accordion .accordion-button, select.form-select, input.form-control, textarea.form-control, input.form-check-input, :is(.was-validated) :is(.form-control, .form-select, .form-check-input) {
+.btn, .btn.active, .nav-link, .accordion .accordion-button, select.form-select, input.form-control, textarea.form-control, input.form-check-input, :is(.was-validated) :is(.form-control, .form-select, .form-check-input) {
   &:focus-visible {
       outline: 3px solid #086AB4 !important;
       outline-offset: 4px;
       box-shadow: 0 0 0 6px white;
       z-index: 3;
+      transition: unset;
     }
     &:focus {
       outline: 3px solid transparent;