Skip to content

Commit 3761bec

Browse files
authored
feat(top-issues): increase visual contrast between clusters (#104491)
Adds a background behind the clusters section so clusters are more visually distinct. Before: <img width="626" height="791" alt="Screenshot 2025-12-08 at 10 33 13 AM" src="https://github.com/user-attachments/assets/f4e1e047-d09c-444e-92e0-65d907d63fdd" /> After: <img width="633" height="756" alt="Screenshot 2025-12-08 at 10 32 59 AM" src="https://github.com/user-attachments/assets/06472f77-bdf7-4aec-b881-f5f186c78d31" />
1 parent bd1a27a commit 3761bec

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

static/app/views/issueList/pages/dynamicGrouping.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1079,6 +1079,7 @@ const PageWrapper = styled('div')`
10791079

10801080
const HeaderSection = styled('div')`
10811081
padding: ${space(4)} ${space(4)} ${space(3)};
1082+
background: ${p => p.theme.backgroundSecondary};
10821083
`;
10831084

10841085
const ClickableHeading = styled(Heading)`
@@ -1089,6 +1090,7 @@ const ClickableHeading = styled(Heading)`
10891090
const CardsSection = styled('div')`
10901091
flex: 1;
10911092
padding: ${space(2)} ${space(4)} ${space(4)};
1093+
background: ${p => p.theme.backgroundSecondary};
10921094
`;
10931095

10941096
const CardsGrid = styled('div')`
@@ -1190,7 +1192,6 @@ const CardFooter = styled('div')`
11901192
display: flex;
11911193
justify-content: flex-end;
11921194
gap: ${space(1)};
1193-
background: ${p => p.theme.backgroundSecondary};
11941195
`;
11951196

11961197
// Split button for Send to Seer action

0 commit comments

Comments
 (0)