SONAR-9473 improve transition of dashed border

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 fbdbbf15818d11d8da1ad5b62f3a46ef0f27721b..029b717cbed3af19b634ce677d335464436d4020 100644 (file)
--- a/server/sonar-web/src/main/js/apps/issues/styles.css
+++ b/server/sonar-web/src/main/js/apps/issues/styles.css
@@ -130,12 +130,12 @@
 }
 
 .issues .issue {
+  outline: 1px dashed transparent;
   cursor: pointer;
 }
 
 .issues .issue:hover {
-  border-color: #dd4040;
-  border-style: dashed;
+  outline-color: #dd4040;
 }
 
 @media (max-width: 1320px) {

diff --git a/server/sonar-web/src/main/less/components/issues.less b/server/sonar-web/src/main/less/components/issues.less
index b64de507c9b1823ba82eaf235d7460f2f729ae85..493beefd842d855e553924107504a4e9a75b7b31 100644 (file)
--- a/server/sonar-web/src/main/less/components/issues.less
+++ b/server/sonar-web/src/main/less/components/issues.less
@@ -36,10 +36,9 @@
   position: relative;
   padding-top: @topPadding;
   padding-bottom: @bottomPadding;
-  border: 1px solid transparent;
   background-color: @issueBackgroundColor;
-  outline: none;
-  transition: border-color 0.3s ease;
+  box-shadow: 0px 0px 0px 1px @issueBackgroundColor;
+  transition: all 0.3s ease;
 }
 
 .issue-list,
@@ -48,8 +47,7 @@
 }
 
 .issue.selected {
-  border-color: @issueBorderColor !important;
-  border-style: solid !important;
+  box-shadow: 0px 0px 0px 1px @issueBorderColor;
 }
 
 .issue + .issue,