diff options
5 files changed, 22 insertions, 9 deletions
diff --git a/server/sonar-web/src/main/js/apps/code/code.css b/server/sonar-web/src/main/js/apps/code/code.css index 297babde59d..937d646a064 100644 --- a/server/sonar-web/src/main/js/apps/code/code.css +++ b/server/sonar-web/src/main/js/apps/code/code.css @@ -68,3 +68,9 @@ .code-search .search-box input.touched ~ .note { opacity: 1; } + +.code-components-header { + position: sticky; + top: 95px; + background-color: rgba(255, 255, 255, 0.9); +} diff --git a/server/sonar-web/src/main/js/apps/code/components/ComponentName.js b/server/sonar-web/src/main/js/apps/code/components/ComponentName.js index c33815f511d..5f667b8576e 100644 --- a/server/sonar-web/src/main/js/apps/code/components/ComponentName.js +++ b/server/sonar-web/src/main/js/apps/code/components/ComponentName.js @@ -69,19 +69,25 @@ const Component = ({ component, rootComponent, previous, canBrowse }) => { Object.assign(query, { selected: component.key }); } inner = ( - <Link to={{ pathname: '/', query }}> - {name} + <Link to={{ pathname: '/', query }} className="link-with-icon"> + <QualifierIcon qualifier={component.qualifier}/> + {' '} + <span>{name}</span> </Link> ); } else { - inner = <span>{name}</span>; + inner = ( + <span> + <QualifierIcon qualifier={component.qualifier}/> + {' '} + {name} + </span> + ); } } return ( <Truncated title={getTooltip(component)}> - <QualifierIcon qualifier={component.qualifier}/> - {' '} {inner} </Truncated> ); diff --git a/server/sonar-web/src/main/js/apps/code/components/Components.js b/server/sonar-web/src/main/js/apps/code/components/Components.js index 249e3e540e6..056e1795cd5 100644 --- a/server/sonar-web/src/main/js/apps/code/components/Components.js +++ b/server/sonar-web/src/main/js/apps/code/components/Components.js @@ -34,7 +34,7 @@ const Components = ({ rootComponent, baseComponent, components, selected, covera component={baseComponent} coverageMetric={coverageMetric}/> <tr className="blank"> - <td colSpan="7"> </td> + <td colSpan="8"> </td> </tr> </tbody> )} diff --git a/server/sonar-web/src/main/js/apps/code/components/ComponentsHeader.js b/server/sonar-web/src/main/js/apps/code/components/ComponentsHeader.js index bbe0b097494..0cd9e667a74 100644 --- a/server/sonar-web/src/main/js/apps/code/components/ComponentsHeader.js +++ b/server/sonar-web/src/main/js/apps/code/components/ComponentsHeader.js @@ -23,7 +23,7 @@ import { translate } from '../../../helpers/l10n'; const ComponentsHeader = ({ baseComponent }) => ( <thead> - <tr> + <tr className="code-components-header"> <th className="thin nowrap"> </th> <th> </th> <th className="thin nowrap text-right code-components-cell"> diff --git a/server/sonar-web/src/main/less/init/tables.less b/server/sonar-web/src/main/less/init/tables.less index 5a49b99c0f0..d5802264ca9 100644 --- a/server/sonar-web/src/main/less/init/tables.less +++ b/server/sonar-web/src/main/less/init/tables.less @@ -107,8 +107,9 @@ table.data.condensed > tbody > tr > td { font-weight: normal; } -.data thead tr.blank { - background-color: #fff; +.data tr.blank, +.data tr.blank > td { + background-color: #fff !important; line-height: 15px; } |