From 4577b392f8c3b2cfbdf8e99ac24e0d8ab757e873 Mon Sep 17 00:00:00 2001
From: Bruce B <bbsmooth@gmail.com>
Date: Tue, 18 Jan 2022 10:49:05 -0800
Subject: [PATCH] fix: keyboard accessibility on curriculum map (#44786)

---
 client/src/components/layouts/global.css | 25 ++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
index 13781e11bd..866dedface 100644
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@@ -307,13 +307,34 @@ fieldset[disabled] .btn-primary.focus {
   margin-left: 5px;
 }
 
-.link-btn:hover,
-.link-btn.btn-lg:hover svg {
+.link-btn:active {
+  background-color: var(--quaternary-background);
+}
+
+.link-btn:focus,
+.link-btn.btn-lg:focus svg {
   fill: var(--quaternary-background);
   background-color: var(--secondary-color);
+  border-color: var(--gray-45);
   color: var(--secondary-background);
 }
 
+.link-btn:focus:not(:focus-visible),
+.link-btn.btn-lg:focus:not(:focus-visible) svg {
+  background-color: var(--quaternary-background);
+  border-color: var(--secondary-color);
+  color: var(--secondary-color);
+  fill: var(--primary-color);
+}
+
+.link-btn:hover,
+.link-btn.btn-lg:hover svg {
+  fill: var(--quaternary-background) !important;
+  background-color: var(--secondary-color) !important;
+  border-color: var(--secondary-color) !important;
+  color: var(--secondary-background) !important;
+}
+
 .link-btn.btn-lg svg,
 .map-icon,
 .cert-header-icon {