Skip to content

Conversation

@scttcper
Copy link
Member

@scttcper scttcper commented Jan 8, 2026

Adds a progress bar style indicator and moves the tooltip with more details to the progress bar.

image

Adds a progress bar style indicator and moves the tooltip with more details to the progress bar.
@scttcper scttcper requested a review from a team as a code owner January 8, 2026 00:21
@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Jan 8, 2026
@scttcper scttcper requested review from a team and cvxluo January 8, 2026 00:21
const totalCount = tag.totalValues;
const topValuePct =
topValue && totalCount > 0 ? Math.round((topValue.count / totalCount) * 100) : null;
const barValues = tag.topValues.slice(0, 4);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bar shows 4 segments but tooltip explains only 3

Low Severity

The new inline progress bar displays up to 4 value segments via barValues = tag.topValues.slice(0, 4), but the TagDistributionPreview tooltip still uses slice(0, 3) to show only 3 values. When users hover over the bar, the 4th colored segment won't have a corresponding entry in the tooltip legend, creating a confusing visual mismatch between what the bar displays and what the tooltip explains.

Additional Locations (1)

Fix in Cursor Fix in Web

border-radius: 3px;
overflow: hidden;
background: ${p => p.theme.backgroundSecondary};
box-shadow: inset 0 0 0 1px ${p => p.theme.translucentBorder};
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

With the exception of this one, I think they could all be either a flex or a container component. Whats the use case for the inset shadow here? Avoiding an external border?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

going to delete them, i promise

# Conflicts:
#	static/app/views/issueList/pages/topIssues.tsx
@scttcper scttcper merged commit b989405 into master Jan 8, 2026
52 checks passed
@scttcper scttcper deleted the scttcper/aggregate-tag-bar branch January 8, 2026 18:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants