Add styling to focused checkboxes

diff --git a/server/sonar-web/src/main/js/app/styles/init/icons.css b/server/sonar-web/src/main/js/app/styles/init/icons.css
index eba9e98a3d101ad0fe3f3334826de4e659d8479c..38d782a3a8a3f3ead1ac88ba67bebd6ec4954d33 100644 (file)
--- a/server/sonar-web/src/main/js/app/styles/init/icons.css
+++ b/server/sonar-web/src/main/js/app/styles/init/icons.css
@@ -64,9 +64,12 @@ a[class*=' icon-'] {
   height: 10px;
   border: 1px solid var(--darkBlue);
   border-radius: 2px;
-  transition-property: border-color, background-color, background-image;
-  transition-duration: 0.2s;
-  transition-timing-function: ease;
+  transition: border-color 0.2s ease, background-color 0.2s ease, background-image 0.2s ease,
+    box-shadow 0.4s ease;
+}
+
+.link-checkbox:focus:focus .icon-checkbox:before {
+  box-shadow: 0 0 0 3px rgba(35, 106, 151, 0.25);
 }
 
 .icon-checkbox-checked:before {