From: Pascal Mugnier <pascal.mugnier@sonarsource.com>
Date: Mon, 12 Mar 2018 08:35:05 +0000 (+0100)
Subject: SONAR-10472 Hover effect on issue box is overflowing when dropdown open (#3134)
X-Git-Tag: 7.5~1556
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=49fd8bb0901062db0ac8a2a4cdf7d550f732bf65;p=sonarqube.git

SONAR-10472 Hover effect on issue box is overflowing when dropdown open (#3134)
---

diff --git a/server/sonar-web/src/main/js/app/styles/components/issues.css b/server/sonar-web/src/main/js/app/styles/components/issues.css
index b6342a0dcda..90380f2eb8f 100644
--- a/server/sonar-web/src/main/js/app/styles/components/issues.css
+++ b/server/sonar-web/src/main/js/app/styles/components/issues.css
@@ -26,8 +26,8 @@
   padding-top: 8px;
   padding-bottom: 8px;
   background-color: #ffeaea;
-  box-shadow: 0px 0px 0px 1px #ffeaea;
-  transition: all 0.3s ease;
+  box-shadow: inset 0px 0px 0px 1px #ffeaea;
+  transition: all 0.3s ease, border 0 ease;
 }
 
 .issue-list,
@@ -36,7 +36,8 @@
 }
 
 .issue.selected {
-  box-shadow: 0px 0px 0px 1px #dd4040;
+  box-shadow: none;
+  border: 1px solid #dd4040 !important;
 }
 
 .issue + .issue,
diff --git a/server/sonar-web/src/main/js/apps/issues/styles.css b/server/sonar-web/src/main/js/apps/issues/styles.css
index e6ad09ee7ac..c4ceec2a97d 100644
--- a/server/sonar-web/src/main/js/apps/issues/styles.css
+++ b/server/sonar-web/src/main/js/apps/issues/styles.css
@@ -139,12 +139,17 @@
 }
 
 .issues .issue {
-  outline: 1px dashed transparent;
+  border: 1px solid transparent;
   cursor: pointer;
 }
 
 .issues .issue:hover {
-  outline-color: #dd4040;
+  border: 1px dashed #dd4040;
+  transition: all 0.3s ease;
+}
+
+.issues .issue:focus {
+  outline: none;
 }
 
 @media (max-width: 1320px) {