className={classNames('no-outline', this.props.className)}
ref={container => (this.container = container)}
tabIndex={0}>
- <div className="layout-page-header-panel layout-page-main-header issues-main-header">
+ <div className="layout-page-header-panel layout-page-main-header">
<div className="layout-page-header-panel-inner layout-page-main-header-inner">
- <Breadcrumbs
- backToFirst={view === 'list'}
- className="measure-breadcrumbs spacer-right text-ellipsis"
- component={component}
- handleSelect={this.onOpenComponent}
- rootComponent={rootComponent}
- />
- {component.key !== rootComponent.key &&
- isLoggedIn &&
- <MeasureFavoriteContainer
- component={component.key}
- className="measure-favorite spacer-right"
- />}
- {!isFile &&
- <MeasureViewSelect
- className="measure-view-select"
- metric={metric}
- handleViewChange={this.props.updateView}
+ <div className="layout-page-main-inner">
+ <Breadcrumbs
+ backToFirst={view === 'list'}
+ className="measure-breadcrumbs spacer-right text-ellipsis"
+ component={component}
+ handleSelect={this.onOpenComponent}
+ rootComponent={rootComponent}
+ />
+ {component.key !== rootComponent.key &&
+ isLoggedIn &&
+ <MeasureFavoriteContainer
+ component={component.key}
+ className="measure-favorite spacer-right"
+ />}
+ {!isFile &&
+ <MeasureViewSelect
+ className="measure-view-select"
+ metric={metric}
+ handleViewChange={this.props.updateView}
+ view={view}
+ />}
+ <PageActions
+ current={selectedIdx != null && view !== 'treemap' ? selectedIdx + 1 : null}
+ loading={this.props.loading}
+ isFile={isFile}
+ paging={this.state.paging}
view={view}
- />}
- <PageActions
- current={selectedIdx != null && view !== 'treemap' ? selectedIdx + 1 : null}
- loading={this.props.loading}
- isFile={isFile}
- paging={this.state.paging}
- view={view}
- />
+ />
+ </div>
</div>
</div>
- {metric == null && <MetricNotFound className="layout-page-main-inner" />}
+ {metric == null && <MetricNotFound className="layout-page-main-inner measure-details-content" />}
{metric != null &&
measure != null &&
- <div className="layout-page-main-inner">
+ <div className="layout-page-main-inner measure-details-content">
<MeasureHeader
component={component}
components={this.state.components}
const isFile = isFileType(component);
return (
<div className={this.props.className}>
- <div className="layout-page-header-panel layout-page-main-header issues-main-header">
+ <div className="layout-page-header-panel layout-page-main-header">
<div className="layout-page-header-panel-inner layout-page-main-header-inner">
- <Breadcrumbs
- backToFirst={true}
- className="measure-breadcrumbs spacer-right text-ellipsis"
- component={component}
- handleSelect={this.props.updateSelected}
- rootComponent={rootComponent}
- />
- {component.key !== rootComponent.key &&
- isLoggedIn &&
- <MeasureFavoriteContainer
- component={component.key}
- className="measure-favorite spacer-right"
- />}
- <PageActions
- current={this.state.components.length}
- loading={this.props.loading}
- isFile={isFile}
- paging={this.state.paging}
- />
+ <div className="layout-page-main-inner">
+ <Breadcrumbs
+ backToFirst={true}
+ className="measure-breadcrumbs spacer-right text-ellipsis"
+ component={component}
+ handleSelect={this.props.updateSelected}
+ rootComponent={rootComponent}
+ />
+ {component.key !== rootComponent.key &&
+ isLoggedIn &&
+ <MeasureFavoriteContainer
+ component={component.key}
+ className="measure-favorite spacer-right"
+ />}
+ <PageActions
+ current={this.state.components.length}
+ loading={this.props.loading}
+ isFile={isFile}
+ paging={this.state.paging}
+ />
+ </div>
</div>
</div>
- <div className="layout-page-main-inner">
+ <div className="layout-page-main-inner measure-details-content">
<div className="clearfix big-spacer-bottom">
{leakPeriod != null &&
<LeakPeriodLegend className="pull-right" component={component} period={leakPeriod} />}