Skip to content

Add year selector to chart in profile page, improve light theme#4205

Merged
flodolo merged 5 commits into
mozilla:mainfrom
flodolo:issue2619
Jun 9, 2026
Merged

Add year selector to chart in profile page, improve light theme#4205
flodolo merged 5 commits into
mozilla:mainfrom
flodolo:issue2619

Conversation

@flodolo

@flodolo flodolo commented Jun 9, 2026

Copy link
Copy Markdown
Collaborator

The default remains last 12 months, but it's now possible to select previous years.

Also noticed a bug with the chart and theme switching while testing. Took the opportunity to change the colors to be a little lighter.

Fixes #2619

Charts with year selector

Screenshot 2026-06-09 alle 12 52 54 Screenshot 2026-06-09 alle 12 52 43

Chart with current light mode

Screenshot 2026-06-09 alle 12 53 01

flodolo added 2 commits June 9, 2026 12:08
The default remains last 12 months, but it's now possible to select previous years.

Fixes mozilla#2619

@mathjazz mathjazz left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Works nicely! 👏

  • Left some design comments on Slack (which seem applied in the screenshots only).
  • Please align the top of the Last year button with the top of the square in the first row of the chart.
  • Could you show the entire chart when the unfinished year (2026) is selected?

@flodolo

flodolo commented Jun 9, 2026

Copy link
Copy Markdown
Collaborator Author

Left some design comments on Slack (which seem applied in the screenshots only).

I squashed the changes in the first commit, but forgot to force push. I'll add them as a separate commit at this point, together with the other changes.

flodolo added 2 commits June 9, 2026 14:01
- Use gray background instead of green, right align labels
- Show full chart for current year
- Align Last year selector with chart's top
@flodolo

flodolo commented Jun 9, 2026

Copy link
Copy Markdown
Collaborator Author

Added separate commit with the changes, also had to merge main to avoid conflicts.

@mathjazz mathjazz left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Great work! Left a suggestion for minor styling consistency improvement.

Comment thread pontoon/contributors/static/css/profile.css Outdated
@flodolo flodolo merged commit 1ec99ba into mozilla:main Jun 9, 2026
5 checks passed
@flodolo flodolo deleted the issue2619 branch June 9, 2026 15:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Implement year selector for the user contribution graph

2 participants