From 088af3a73ce3063f39c9c77fec30e28680ec32f5 Mon Sep 17 00:00:00 2001
From: kurilova <kurilova@google.com>
Date: Thu, 21 Nov 2024 13:37:10 +0000
Subject: [PATCH 1/2] Adds style for focused logo

---
 modules/ui/src/app/app.component.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/modules/ui/src/app/app.component.scss b/modules/ui/src/app/app.component.scss
index 15a4725be..87aa9ec00 100644
--- a/modules/ui/src/app/app.component.scss
+++ b/modules/ui/src/app/app.component.scss
@@ -142,6 +142,11 @@ $nav-width: 96px;
     border: 1px solid $black;
     border-radius: 4px;
   }
+
+  &:focus {
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
 }
 
 .logo-link .mat-icon {

From d9e96fa8aad4cf58312531e4d513ddb13faacef2 Mon Sep 17 00:00:00 2001
From: kurilova <kurilova@google.com>
Date: Tue, 26 Nov 2024 14:24:44 +0000
Subject: [PATCH 2/2] Fix focus style; adds focus after redirect

---
 modules/ui/src/app/app.component.html | 3 ++-
 modules/ui/src/app/app.component.scss | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/modules/ui/src/app/app.component.html b/modules/ui/src/app/app.component.html
index 511a5a187..5da13edc6 100644
--- a/modules/ui/src/app/app.component.html
+++ b/modules/ui/src/app/app.component.html
@@ -75,7 +75,8 @@
         <a
           class="logo-link"
           routerLink="{{ Routes.Testing }}"
-          aria-label="Testrun ui logo">
+          aria-label="Testrun ui logo"
+          (keydown.enter)="onNavigationClick()">
           <mat-icon svgIcon="testrun_logo_color"></mat-icon>
           <h1 class="main-heading">Testrun</h1>
         </a>
diff --git a/modules/ui/src/app/app.component.scss b/modules/ui/src/app/app.component.scss
index 87aa9ec00..3a889fbf6 100644
--- a/modules/ui/src/app/app.component.scss
+++ b/modules/ui/src/app/app.component.scss
@@ -143,7 +143,8 @@ $nav-width: 96px;
     border-radius: 4px;
   }
 
-  &:focus {
+  &:active,
+  :focus-visible {
     text-decoration: underline;
     text-underline-offset: 2px;
   }