diff options
Diffstat (limited to 'server/sonar-web/src/main/js/apps/portfolio')
7 files changed, 31 insertions, 49 deletions
diff --git a/server/sonar-web/src/main/js/apps/portfolio/components/Activity.tsx b/server/sonar-web/src/main/js/apps/portfolio/components/Activity.tsx index 63ccdd7217c..66cef7e572d 100644 --- a/server/sonar-web/src/main/js/apps/portfolio/components/Activity.tsx +++ b/server/sonar-web/src/main/js/apps/portfolio/components/Activity.tsx @@ -97,10 +97,8 @@ export default class Activity extends React.PureComponent<Props> { render() { return ( - <div className="huge-spacer-bottom"> - <header className="page-header"> - <h3 className="page-title">{translate('project_activity.page')}</h3> - </header> + <div className="big-spacer-bottom"> + <h4>{translate('project_activity.page')}</h4> {this.state.loading ? ( <i className="spinner" /> diff --git a/server/sonar-web/src/main/js/apps/portfolio/components/Report.tsx b/server/sonar-web/src/main/js/apps/portfolio/components/Report.tsx index 86bf16d5050..e552313cc40 100644 --- a/server/sonar-web/src/main/js/apps/portfolio/components/Report.tsx +++ b/server/sonar-web/src/main/js/apps/portfolio/components/Report.tsx @@ -59,11 +59,7 @@ export default class Report extends React.PureComponent<Props, State> { ); } - renderHeader = () => ( - <header className="page-header"> - <h3 className="page-title">{translate('report.page')}</h3> - </header> - ); + renderHeader = () => <h4>{translate('report.page')}</h4>; render() { const { component } = this.props; diff --git a/server/sonar-web/src/main/js/apps/portfolio/components/Summary.tsx b/server/sonar-web/src/main/js/apps/portfolio/components/Summary.tsx index 5aecf73d70f..018940b3aa0 100644 --- a/server/sonar-web/src/main/js/apps/portfolio/components/Summary.tsx +++ b/server/sonar-web/src/main/js/apps/portfolio/components/Summary.tsx @@ -35,7 +35,7 @@ export default function Summary({ component, measures }: Props) { const nclocDistribution = measures['ncloc_language_distribution']; return ( - <section id="portfolio-summary" className="huge-spacer-bottom"> + <section id="portfolio-summary" className="big-spacer-bottom"> {component.description && <div className="big-spacer-bottom">{component.description}</div>} <ul className="portfolio-grid"> @@ -47,7 +47,7 @@ export default function Summary({ component, measures }: Props) { /> </Link> </div> - {translate('projects')} + <div className="spacer-top text-muted">{translate('projects')}</div> </li> <li> <div className="portfolio-measure-secondary-value"> @@ -55,12 +55,12 @@ export default function Summary({ component, measures }: Props) { <Measure measure={{ metric: { key: 'ncloc', type: 'SHORT_INT' }, value: ncloc }} /> </Link> </div> - {translate('metric.ncloc.name')} + <div className="spacer-top text-muted">{translate('metric.ncloc.name')}</div> </li> </ul> {nclocDistribution && ( - <div className="huge-spacer-top"> + <div className="big-spacer-top"> <LanguageDistributionContainer distribution={nclocDistribution} width={260} /> </div> )} diff --git a/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Activity-test.tsx.snap b/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Activity-test.tsx.snap index fa3361a98b5..2a0038daecb 100644 --- a/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Activity-test.tsx.snap +++ b/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Activity-test.tsx.snap @@ -2,17 +2,11 @@ exports[`renders 1`] = ` <div - className="huge-spacer-bottom" + className="big-spacer-bottom" > - <header - className="page-header" - > - <h3 - className="page-title" - > - project_activity.page - </h3> - </header> + <h4> + project_activity.page + </h4> <PreviewGraph history={ Object { diff --git a/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Report-test.tsx.snap b/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Report-test.tsx.snap index 50b579f8303..d955ec60f55 100644 --- a/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Report-test.tsx.snap +++ b/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Report-test.tsx.snap @@ -2,15 +2,9 @@ exports[`renders 1`] = ` <div> - <header - className="page-header" - > - <h3 - className="page-title" - > - report.page - </h3> - </header> + <h4> + report.page + </h4> <i className="spinner" /> @@ -19,15 +13,9 @@ exports[`renders 1`] = ` exports[`renders 2`] = ` <div> - <header - className="page-header" - > - <h3 - className="page-title" - > - report.page - </h3> - </header> + <h4> + report.page + </h4> <div className="js-report-can-download" > diff --git a/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Summary-test.tsx.snap b/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Summary-test.tsx.snap index db159a6947a..f8f2706777d 100644 --- a/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Summary-test.tsx.snap +++ b/server/sonar-web/src/main/js/apps/portfolio/components/__tests__/__snapshots__/Summary-test.tsx.snap @@ -2,7 +2,7 @@ exports[`renders 1`] = ` <section - className="huge-spacer-bottom" + className="big-spacer-bottom" id="portfolio-summary" > <div @@ -44,7 +44,11 @@ exports[`renders 1`] = ` /> </Link> </div> - projects + <div + className="spacer-top text-muted" + > + projects + </div> </li> <li> <div @@ -77,11 +81,15 @@ exports[`renders 1`] = ` /> </Link> </div> - metric.ncloc.name + <div + className="spacer-top text-muted" + > + metric.ncloc.name + </div> </li> </ul> <div - className="huge-spacer-top" + className="big-spacer-top" > <Connect(LanguageDistribution) distribution="java=13;js=17" diff --git a/server/sonar-web/src/main/js/apps/portfolio/styles.css b/server/sonar-web/src/main/js/apps/portfolio/styles.css index 6214d02e657..06bd6423d05 100644 --- a/server/sonar-web/src/main/js/apps/portfolio/styles.css +++ b/server/sonar-web/src/main/js/apps/portfolio/styles.css @@ -1,7 +1,6 @@ .portfolio-measure-secondary-value { - line-height: 1.4; - margin-bottom: 4px; - font-size: 24px; + line-height: 24px; + font-size: 18px; font-weight: 300; } @@ -9,7 +8,6 @@ position: relative; z-index: 10; display: flex; - height: 80px; justify-content: space-around; align-items: center; } |