From a8addfb405bbce4bd61b54592fc1a18bcfce6d92 Mon Sep 17 00:00:00 2001
From: AleksanderSklorz <115619721+AleksanderSklorz@users.noreply.github.com>
Date: Wed, 24 Apr 2024 08:45:59 +0200
Subject: [PATCH] [ACS-7555] Added blue outline to focused checkboxes (#3813)

---
 projects/aca-content/src/lib/ui/overrides/ay11.scss | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/projects/aca-content/src/lib/ui/overrides/ay11.scss b/projects/aca-content/src/lib/ui/overrides/ay11.scss
index 32a700be4..66213fa6c 100644
--- a/projects/aca-content/src/lib/ui/overrides/ay11.scss
+++ b/projects/aca-content/src/lib/ui/overrides/ay11.scss
@@ -18,14 +18,21 @@
       .mat-button-focus-overlay {
         display: none;
       }
+    }
 
-      .mat-mdc-checkbox-ripple {
+    .mdc-checkbox__native-control:not(.mdc-checkbox--selected):focus {
+      & ~ .mat-mdc-checkbox-ripple {
         @include rounded-outline;
 
         height: 22px;
         width: 22px;
-        left: calc(50% - 11px);
+        left: calc(50% - 12px);
         top: calc(50% - 11px);
+        display: block;
+      }
+
+      & ~ .mdc-checkbox__background {
+        opacity: 0.57;
       }
     }
   }