From 6bf0c30c664b7eb6e817b74d0a5e2948627c0caa Mon Sep 17 00:00:00 2001 From: Stas Vilchik Date: Fri, 20 Oct 2017 10:40:08 +0200 Subject: [PATCH] SONAR-9473 improve transition of dashed border --- server/sonar-web/src/main/js/apps/issues/styles.css | 4 ++-- server/sonar-web/src/main/less/components/issues.less | 8 +++----- 2 files changed, 5 insertions(+), 7 deletions(-) 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 fbdbbf15818..029b717cbed 100644 --- 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 b64de507c9b..493beefd842 100644 --- 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, -- 2.39.5