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 b6342a0dcdaddf03df5719fb13ff52c74fa2d062..90380f2eb8f1de63d6f8de45b1ef64ef97aa2af0 100644 (file)
--- 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 e6ad09ee7acdea72820739e0b8bb5a4235711922..c4ceec2a97d417ca0380b15a44feccc01531c439 100644 (file)
--- 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) {