From 49fd8bb0901062db0ac8a2a4cdf7d550f732bf65 Mon Sep 17 00:00:00 2001 From: Pascal Mugnier Date: Mon, 12 Mar 2018 09:35:05 +0100 Subject: [PATCH] SONAR-10472 Hover effect on issue box is overflowing when dropdown open (#3134) --- .../src/main/js/app/styles/components/issues.css | 7 ++++--- server/sonar-web/src/main/js/apps/issues/styles.css | 9 +++++++-- 2 files changed, 11 insertions(+), 5 deletions(-) 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) { -- 2.39.5