From 069214064a0ca5aed06b628e9c6dde4f2fbc0c82 Mon Sep 17 00:00:00 2001
From: Robert Bogos <146744221+robert-bogos@users.noreply.github.com>
Date: Mon, 26 Feb 2024 13:51:08 +0200
Subject: [PATCH] MWPW-142622: [Project PEP] Close button focus  (#1897)

* [MWPW-139990] PEP prompt

* MWPW-142617: Microsoft Edge & Chrome Win - progress bar not completely loaded (#1882)

* hotfix

* refactor: changed loader animation logic

* update

* revert update

* more gpu acceleration for pep loader

* hotfix

* hotfix

* [MWPW-141023] PEP authoring (#1889)

* hotfix: blue outline on close button when focused

* hotfix

---------

Co-authored-by: Rares Munteanu <overmyheadandbody@gmail.com>
---
 libs/features/webapp-prompt/webapp-prompt.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/libs/features/webapp-prompt/webapp-prompt.css b/libs/features/webapp-prompt/webapp-prompt.css
index 28fe2c37e7..d631e37954 100644
--- a/libs/features/webapp-prompt/webapp-prompt.css
+++ b/libs/features/webapp-prompt/webapp-prompt.css
@@ -146,6 +146,13 @@
     left: 12px;
   }
 
+  .appPrompt-close:focus {
+    /* For Firefox */
+    outline: auto;
+    /* For Chrome, Edge, and Safari */
+    outline: 2px solid -webkit-focus-ring-color;
+  }
+
   .appPrompt-progressWrapper {
     position: absolute;
     bottom: 0;