*/
.badge {
display: inline-block;
+ vertical-align: middle;
+ height: var(--smallControlHeight);
+ line-height: calc(var(--smallControlHeight) - 1px);
+ padding: 0 var(--gridSize);
+ border-radius: 2px;
+ font-size: var(--smallFontSize);
min-width: 10px;
- padding: 2px 7px;
- font-size: 11px;
- font-weight: normal;
letter-spacing: 0.03em;
color: #ffffff;
- line-height: var(--smallFontSize);
- vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: var(--blue);
.list-group-item > .badge,
.list-group-item-heading > .badge {
float: right;
- margin-top: 3px;
+ margin: 3px;
}
.list-group-item > .badge + .badge,
letter-spacing: inherit;
}
+.badge-tiny-height {
+ height: var(--tinyControlHeight);
+ line-height: calc(var(--tinyControlHeight) - 1px);
+}
+
.badge-muted {
background-color: transparent;
color: var(--secondFontColor);
.outline-badge {
display: inline-block;
vertical-align: middle;
- height: 20px;
- line-height: 19px;
- padding: 0 8px;
+ height: var(--smallControlHeight);
+ line-height: calc(var(--smallControlHeight) - 1px);
+ padding: 0 var(--gridSize);
border: 1px solid var(--gray80);
border-radius: 2px;
box-sizing: border-box;
margin-bottom: 5px;
}
+.list-group-item-heading:after {
+ content: '';
+ display: table;
+ clear: both;
+}
+
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
<td className="coding-rule-table-meta-cell">
<div className="display-flex-center coding-rule-meta">
{rule.status !== 'READY' && (
- <span className="spacer-left badge badge-normal-size badge-danger-light">
+ <span className="spacer-left badge badge-normal-size badge-tiny-height badge-danger-light">
{translate('rules.status', rule.status)}
</span>
)}
top: 16px;
padding: 4px 8px;
border-radius: 2px 0 0 2px;
+ height: inherit;
+ line-height: inherit;
}
.marketplace-edition-action {
}
.overview-analysis-event.badge {
- vertical-align: middle;
/* 260px to match the sidebar width on project dashboard */
max-width: 260px;
- padding: 4px 14px;
- box-sizing: border-box;
border-radius: 2px;
font-weight: bold;
font-size: var(--smallFontSize);
.project-activity-version-badge .badge {
max-width: 385px;
- vertical-align: middle;
- padding: 4px 14px 4px 14px;
- box-sizing: border-box;
border-radius: 0 2px 2px 0;
font-weight: bold;
font-size: var(--smallFontSize);
<div className="list-group">
{qualityGates.map(qualityGate => (
<Link
- key={qualityGate.id}
- to={getQualityGateUrl(String(qualityGate.id), organization && organization.key)}
activeClassName="active"
className="list-group-item"
- data-id={qualityGate.id}>
+ data-id={qualityGate.id}
+ key={qualityGate.id}
+ to={getQualityGateUrl(String(qualityGate.id), organization && organization.key)}>
<table>
<tbody>
<tr>
<td>{qualityGate.name}</td>
<td className="thin nowrap spacer-left text-right">
- {qualityGate.isDefault && (
- <span className="text-middle badge">{translate('default')}</span>
- )}
+ {qualityGate.isDefault && <span className="badge">{translate('default')}</span>}
{qualityGate.isBuiltIn && (
<BuiltInQualityGateBadge className="little-spacer-left" tooltip={false} />
)}