diff options
| author | Stas Vilchik <stas.vilchik@sonarsource.com> | 2017-10-12 17:18:07 +0200 |
|---|---|---|
| committer | Stas Vilchik <stas.vilchik@sonarsource.com> | 2017-10-16 11:08:02 +0200 |
| commit | 48e89a6d037993f154b9690f8e293e6559124be6 (patch) | |
| tree | 683cc9d8240d731a9448d71871c051a1cea1e6c0 /server | |
| parent | 0c79204aa416db81fcc2c1119d2099bccc88c59f (diff) | |
| download | sonarqube-48e89a6d037993f154b9690f8e293e6559124be6.tar.gz sonarqube-48e89a6d037993f154b9690f8e293e6559124be6.zip | |
SONAR-8516 Improve UI of quality gate section on the project dashboard
Diffstat (limited to 'server')
| -rw-r--r-- | server/sonar-web/src/main/js/apps/overview/styles.css | 22 |
1 files changed, 10 insertions, 12 deletions
diff --git a/server/sonar-web/src/main/js/apps/overview/styles.css b/server/sonar-web/src/main/js/apps/overview/styles.css index c928cd2c4df..10ee754e011 100644 --- a/server/sonar-web/src/main/js/apps/overview/styles.css +++ b/server/sonar-web/src/main/js/apps/overview/styles.css @@ -41,8 +41,10 @@ display: block; margin-top: 15px; margin-right: 30px; - border: 1px solid #e6e6e6; - border-radius: 2px; + border: none; + border-left: 5px solid; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; background-color: #fff; color: #444; transition: none; @@ -50,13 +52,12 @@ .overview-quality-gate-condition:hover, .overview-quality-gate-condition:focus { - border-width: 2px; color: #444; } .overview-quality-gate-condition:hover .overview-quality-gate-condition-container, .overview-quality-gate-condition:focus .overview-quality-gate-condition-container { - padding: 9px; + border-color: inherit; } .overview-quality-gate-condition-leak { @@ -83,6 +84,10 @@ /* three lines by 16px and 4px margin */ min-height: 52px; padding: 10px; + border-top: 1px solid #e6e6e6; + border-bottom: 1px solid #e6e6e6; + border-right: 1px solid #e6e6e6; + transition: border-color 0.3s ease; } .overview-quality-gate-condition-value { @@ -104,6 +109,7 @@ .overview-quality-gate-threshold { margin-top: 4px; font-size: 12px; + color: #777; } .overview-quality-gate-warning { @@ -118,14 +124,6 @@ border-color: #ed7d20; } -.overview-quality-gate-condition-error .overview-quality-gate-threshold { - color: #d4333f; -} - -.overview-quality-gate-condition-warn .overview-quality-gate-threshold { - color: #ed7d20; -} - /* * Domain */ |