diff options
| author | Wouter Admiraal <wouter.admiraal@sonarsource.com> | 2019-08-26 09:31:41 +0200 |
|---|---|---|
| committer | SonarTech <sonartech@sonarsource.com> | 2019-08-27 20:21:05 +0200 |
| commit | c0c259634b868550a1df35d74b44af2fca84a09f (patch) | |
| tree | 3acd1095dd297aa6d6c0200a34b218146d6a7f56 /server | |
| parent | c69b7b9b257125bc3b24431a7a93f32224c60d71 (diff) | |
| download | sonarqube-c0c259634b868550a1df35d74b44af2fca84a09f.tar.gz sonarqube-c0c259634b868550a1df35d74b44af2fca84a09f.zip | |
SONAR-12416 Fine-tune badges appearance
Diffstat (limited to 'server')
3 files changed, 5 insertions, 14 deletions
diff --git a/server/sonar-web/src/main/js/app/styles/components/badges.css b/server/sonar-web/src/main/js/app/styles/components/badges.css index 02a9d1cd71c..af40a09aeb5 100644 --- a/server/sonar-web/src/main/js/app/styles/components/badges.css +++ b/server/sonar-web/src/main/js/app/styles/components/badges.css @@ -19,15 +19,15 @@ */ .badge { display: inline-block; - padding: 2px 4px; + padding: 4px; background-color: var(--barBorderColor); border-radius: 3px; font-size: var(--smallFontSize); - font-weight: normal; + font-weight: 600; color: var(--baseFontColor); text-transform: uppercase; white-space: nowrap; - line-height: 1; + line-height: 8px; } .badge:empty { display: none; @@ -71,11 +71,3 @@ a.badge { background-color: var(--alertBackgroundError); color: var(--alertTextError); } - -/* TODO: remove after SC fork */ -.badge-icon { - padding-left: calc(var(--gridSize) / 2); -} -.badge-icon svg { - height: calc(var(--smallControlHeight) - 2px); -} diff --git a/server/sonar-web/src/main/js/components/common/PrivacyBadgeContainer.tsx b/server/sonar-web/src/main/js/components/common/PrivacyBadgeContainer.tsx index 00fa3a13c89..670f7044634 100644 --- a/server/sonar-web/src/main/js/components/common/PrivacyBadgeContainer.tsx +++ b/server/sonar-web/src/main/js/components/common/PrivacyBadgeContainer.tsx @@ -77,8 +77,7 @@ export function PrivacyBadge({ const badge = ( <div className={classNames('badge', className, { - 'badge-info': Boolean(icon), - 'badge-icon': Boolean(icon) + 'badge-info': Boolean(icon) })}> {icon} {translate('visibility', visibility)} diff --git a/server/sonar-web/src/main/js/components/common/__tests__/__snapshots__/PrivacyBadgeContainer-test.tsx.snap b/server/sonar-web/src/main/js/components/common/__tests__/__snapshots__/PrivacyBadgeContainer-test.tsx.snap index f6aec9bf389..68240d974ee 100644 --- a/server/sonar-web/src/main/js/components/common/__tests__/__snapshots__/PrivacyBadgeContainer-test.tsx.snap +++ b/server/sonar-web/src/main/js/components/common/__tests__/__snapshots__/PrivacyBadgeContainer-test.tsx.snap @@ -41,7 +41,7 @@ exports[`renders public with icon 1`] = ` } > <div - className="badge badge-info badge-icon" + className="badge badge-info" > <VisibleIcon className="little-spacer-right" |