success,
})}
>
- <h3 className="big-spacer-bottom huge">{translate('metric.level', overallLevel)}</h3>
+ <div className="big-spacer-bottom huge h3">
+ {translate('metric.level', overallLevel)}
+ </div>
<span className="small">
{overallFailedConditionsCount > 0
onClick={toggle}
>
<div className="display-flex-center">
- <h3
- className="overview-quality-gate-conditions-project-name text-ellipsis"
+ <div
+ className="overview-quality-gate-conditions-project-name text-ellipsis h3"
title={qgStatus.name}
>
{collapsed ? <ChevronRightIcon /> : <ChevronDownIcon />}
<span className="spacer-left">{qgStatus.name}</span>
- </h3>
+ </div>
{collapsed && displayConditions(qgStatus.failedConditions.length)}
</div>
</ButtonPlain>
{newCodeFailedConditions.length > 0 && (
<>
{showSectionTitles && (
- <h4 className="big-padded overview-quality-gate-conditions-section-title">
+ <div className="big-padded overview-quality-gate-conditions-section-title h4">
{translateWithParameters(
'quality_gates.conditions.new_code_x',
newCodeFailedConditions.length.toString()
)}
- </h4>
+ </div>
)}
<QualityGateConditions
component={qgStatus}
{overallFailedConditions.length > 0 && (
<>
{showSectionTitles && (
- <h4 className="big-padded overview-quality-gate-conditions-section-title">
+ <div className="big-padded overview-quality-gate-conditions-section-title h4">
{translateWithParameters(
'quality_gates.conditions.overall_code_x',
overallFailedConditions.length.toString()
)}
- </h4>
+ </div>
)}
<QualityGateConditions
component={qgStatus}
<div
className="overview-quality-gate-badge-large failed"
>
- <h3
- className="big-spacer-bottom huge"
+ <div
+ className="big-spacer-bottom huge h3"
>
metric.level.ERROR
- </h3>
+ </div>
<span
className="small"
>
<div
className="overview-quality-gate-badge-large failed"
>
- <h3
- className="big-spacer-bottom huge"
+ <div
+ className="big-spacer-bottom huge h3"
>
metric.level.ERROR
- </h3>
+ </div>
<span
className="small"
>
<div
className="overview-quality-gate-badge-large failed"
>
- <h3
- className="big-spacer-bottom huge"
+ <div
+ className="big-spacer-bottom huge h3"
>
metric.level.ERROR
- </h3>
+ </div>
<span
className="small"
>
<div
className="overview-quality-gate-badge-large success"
>
- <h3
- className="big-spacer-bottom huge"
+ <div
+ className="big-spacer-bottom huge h3"
>
metric.level.OK
- </h3>
+ </div>
<span
className="small"
>
<div
className="overview-quality-gate-badge-large failed"
>
- <h3
- className="big-spacer-bottom huge"
+ <div
+ className="big-spacer-bottom huge h3"
>
metric.level.ERROR
- </h3>
+ </div>
<span
className="small"
>
}
/>
</div>
- <h4
- className="big-padded overview-quality-gate-conditions-section-title"
+ <div
+ className="big-padded overview-quality-gate-conditions-section-title h4"
>
quality_gates.conditions.new_code_x.1
- </h4>
+ </div>
<Memo(QualityGateConditions)
component={
{
]
}
/>
- <h4
- className="big-padded overview-quality-gate-conditions-section-title"
+ <div
+ className="big-padded overview-quality-gate-conditions-section-title h4"
>
quality_gates.conditions.overall_code_x.1
- </h4>
+ </div>
<Memo(QualityGateConditions)
component={
{
<div
className="display-flex-center"
>
- <h3
- className="overview-quality-gate-conditions-project-name text-ellipsis"
+ <div
+ className="overview-quality-gate-conditions-project-name text-ellipsis h3"
title="Foo"
>
<ChevronDownIcon />
>
Foo
</span>
- </h3>
+ </div>
</div>
</ButtonPlain>
- <h4
- className="big-padded overview-quality-gate-conditions-section-title"
+ <div
+ className="big-padded overview-quality-gate-conditions-section-title h4"
>
quality_gates.conditions.new_code_x.1
- </h4>
+ </div>
<Memo(QualityGateConditions)
component={
{
]
}
/>
- <h4
- className="big-padded overview-quality-gate-conditions-section-title"
+ <div
+ className="big-padded overview-quality-gate-conditions-section-title h4"
>
quality_gates.conditions.overall_code_x.1
- </h4>
+ </div>
<Memo(QualityGateConditions)
component={
{
</HelpTooltip>
</div>
{level !== undefined && (
- <h3 className="huge-spacer-top huge">{translate('metric.level', level)}</h3>
+ <div className="huge-spacer-top huge h3">{translate('metric.level', level)}</div>
)}
</div>
);
/>
</HelpTooltip>
</div>
- <h3
- className="huge-spacer-top huge"
+ <div
+ className="huge-spacer-top huge h3"
>
metric.level.ERROR
- </h3>
+ </div>
</div>
`;
/>
</HelpTooltip>
</div>
- <h3
- className="huge-spacer-top huge"
+ <div
+ className="huge-spacer-top huge h3"
>
metric.level.OK
- </h3>
+ </div>
</div>
`;
height: 160px;
}
-.overview-quality-gate-badge-large h3 {
+.overview-quality-gate-badge-large .h3 {
color: white;
}