From: Grégoire Aubert <gregoire.aubert@sonarsource.com>
Date: Fri, 10 Aug 2018 08:04:09 +0000 (+0200)
Subject: Add styling to focused checkboxes
X-Git-Tag: 7.5~599
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=0b6dc66d8cb5c5ad07667e62d5e9412f175e4484;p=sonarqube.git

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 eba9e98a3d1..38d782a3a8a 100644
--- 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 {