Skip to content

Commit cd15035

Browse files
style: match status badge size to Design Notes button
Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent c69d84b commit cd15035

2 files changed

Lines changed: 10 additions & 1 deletion

File tree

hub/src/App.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -233,7 +233,7 @@ function EmbedFullscreenTopBar({
233233
ariaLabel={versionAriaLabel}
234234
/>
235235
{badgeProps ? (
236-
<Label isCompact color={badgeProps.color} variant={badgeProps.variant ?? "filled"}>
236+
<Label className="ops-hub-embed-status-badge" color={badgeProps.color} variant={badgeProps.variant ?? "filled"}>
237237
{statusBadge}
238238
</Label>
239239
) : null}

hub/src/AppChrome.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -612,6 +612,15 @@ body.ops-hub-embed-fullscreen-active {
612612
}
613613

614614
/* Design Notes button — solid Red Hat red */
615+
616+
.ops-hub-embed-status-badge.pf-v6-c-label,
617+
.ops-hub-embed-status-badge {
618+
height: auto !important;
619+
padding: 4px 14px !important;
620+
border-radius: 30px !important;
621+
font-size: var(--pf-t--global--font--size--sm) !important;
622+
}
623+
615624
.ops-hub-design-notes-btn.pf-v6-c-button,
616625
.ops-hub-design-notes-btn {
617626
background-color: #c9190b !important;

0 commit comments

Comments
 (0)