diff options
| author | Pascal Mugnier <pascal.mugnier@sonarsource.com> | 2018-03-12 09:35:05 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-03-12 09:35:05 +0100 |
| commit | 49fd8bb0901062db0ac8a2a4cdf7d550f732bf65 (patch) | |
| tree | 90e7ccdd8dccac91450e41c73b547d10dd57c98e /server/sonar-web/src/main | |
| parent | 20712b86bfb6183c988c96a893bd67b5526a683b (diff) | |
| download | sonarqube-49fd8bb0901062db0ac8a2a4cdf7d550f732bf65.tar.gz sonarqube-49fd8bb0901062db0ac8a2a4cdf7d550f732bf65.zip | |
SONAR-10472 Hover effect on issue box is overflowing when dropdown open (#3134)
Diffstat (limited to 'server/sonar-web/src/main')
| -rw-r--r-- | server/sonar-web/src/main/js/app/styles/components/issues.css | 7 | ||||
| -rw-r--r-- | 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) { |