diff options
| author | Wouter Admiraal <wouter.admiraal@sonarsource.com> | 2018-12-07 09:53:36 +0100 |
|---|---|---|
| committer | SonarTech <sonartech@sonarsource.com> | 2018-12-10 20:21:01 +0100 |
| commit | fe0c2ee262ecaf1ece4dfe1e12e2ee4bd43582af (patch) | |
| tree | 6869380ed7528adccd77eb40a83a959c924b1aa4 /server/sonar-web/src/main/js/apps/about | |
| parent | 278912ca74b1fb9ca4dfaa1afe48a7747f780cda (diff) | |
| download | sonarqube-fe0c2ee262ecaf1ece4dfe1e12e2ee4bd43582af.tar.gz sonarqube-fe0c2ee262ecaf1ece4dfe1e12e2ee4bd43582af.zip | |
SONARCLOUD-210 Correct language icons on Azure DevOps page
Diffstat (limited to 'server/sonar-web/src/main/js/apps/about')
| -rw-r--r-- | server/sonar-web/src/main/js/apps/about/sonarcloud/AzureDevOps.tsx | 36 | ||||
| -rw-r--r-- | server/sonar-web/src/main/js/apps/about/sonarcloud/style.css | 1 |
2 files changed, 19 insertions, 18 deletions
diff --git a/server/sonar-web/src/main/js/apps/about/sonarcloud/AzureDevOps.tsx b/server/sonar-web/src/main/js/apps/about/sonarcloud/AzureDevOps.tsx index da9bea478da..1ad9fa7bc80 100644 --- a/server/sonar-web/src/main/js/apps/about/sonarcloud/AzureDevOps.tsx +++ b/server/sonar-web/src/main/js/apps/about/sonarcloud/AzureDevOps.tsx @@ -25,6 +25,15 @@ import { isLoggedIn } from '../../../helpers/users'; import { getBaseUrl } from '../../../helpers/urls'; import './style.css'; +const LANGUAGES = [ + { name: 'JavaScript', file: 'js.svg', width: 60 }, + { name: 'TypeScript', file: 'ts.svg', width: 130 }, + { name: 'C#', file: 'csharp.svg', width: 60 }, + { name: 'C++', file: 'c-c-plus-plus.svg', width: 53 }, + { name: 'T-SQL', file: 't-sql.svg', width: 80 }, + { name: 'VB', file: 'vb.svg', width: 70 } +]; + export default function AzureDevOps() { return ( <SQPageContainer> @@ -116,24 +125,15 @@ export default function AzureDevOps() { <div className="sc-integrations"> <h2 className="sc-sq-header2 sc-integrations-title">Analyze .NET languages and more</h2> <ul className="sc-languages-list"> - <li> - <img alt="C#" height="60" src={`${getBaseUrl()}/images/languages/c-sharp.svg`} /> - </li> - <li> - <img alt="VB" height="60" src={`${getBaseUrl()}/images/languages/vb.svg`} /> - </li> - <li> - <img alt="JavaScript" height="60" src={`${getBaseUrl()}/images/languages/js.svg`} /> - </li> - <li> - <img alt="TypeScript" height="60" src={`${getBaseUrl()}/images/languages/ts.svg`} /> - </li> - <li> - <img alt="T-SQL" height="60" src={`${getBaseUrl()}/images/languages/tsql.svg`} /> - </li> - <li> - <img alt="C++" height="60" src={`${getBaseUrl()}/images/languages/c-plus.svg`} /> - </li> + {LANGUAGES.map(language => ( + <li key={language.name}> + <img + alt={language.name} + src={`${getBaseUrl()}/images/languages/black/${language.file}`} + style={{ width: language.width + 'px' }} + /> + </li> + ))} </ul> </div> </div> diff --git a/server/sonar-web/src/main/js/apps/about/sonarcloud/style.css b/server/sonar-web/src/main/js/apps/about/sonarcloud/style.css index 6a5737a9102..995a71778fd 100644 --- a/server/sonar-web/src/main/js/apps/about/sonarcloud/style.css +++ b/server/sonar-web/src/main/js/apps/about/sonarcloud/style.css @@ -313,6 +313,7 @@ display: flex; justify-content: center; margin-top: 20px; + align-items: center; } .sc-languages-list > li { |