Skip to content

Commit a2985ad

Browse files
cursoragentarmenzg
andcommitted
fix(issue-details): Remove grid gap when badge is absent
Changed Title component from CSS Grid to Flexbox to prevent column-gap from being applied when FeatureBadge is not rendered. This ensures the primary title has full available space for non-LLM issues. Co-authored-by: Armen Zambrano G. <armenzg@users.noreply.github.com>
1 parent 2e72334 commit a2985ad

File tree

1 file changed

+5
-4
lines changed
  • static/app/views/issueDetails/streamline/header

1 file changed

+5
-4
lines changed

static/app/views/issueDetails/streamline/header/header.tsx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -326,7 +326,8 @@ const PrimaryTitle = styled('span')`
326326
white-space: nowrap;
327327
font-size: 20px;
328328
font-weight: ${p => p.theme.font.weight.sans.medium};
329-
flex-shrink: 0;
329+
flex-shrink: 1;
330+
min-width: 0;
330331
`;
331332

332333
const StatTitle = styled('div')`
@@ -410,10 +411,10 @@ const Workflow = styled('div')`
410411
`;
411412

412413
const Title = styled('div')`
413-
display: grid;
414-
grid-template-columns: minmax(0, max-content) min-content;
414+
display: flex;
415415
align-items: center;
416-
column-gap: ${p => p.theme.space.sm};
416+
gap: ${p => p.theme.space.sm};
417+
min-width: 0;
417418
`;
418419

419420
const StyledBreadcrumbs = styled(Breadcrumbs)`

0 commit comments

Comments
 (0)