Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Explicitly set font family for chart theme #1315

Merged
merged 2 commits into from Nov 8, 2023
Merged

Explicitly set font family for chart theme #1315

merged 2 commits into from Nov 8, 2023

Conversation

hughess
Copy link
Member

@hughess hughess commented Nov 8, 2023

Description

On some operating systems, the font shown in charts is inconsistent with the UI font. This PR explicitly sets the font family within the echarts theme so the font is more consistent across operating systems.

In the future, we should consider changing the font family from sans-serif to inter, but on trying it here I noticed spacing issues that would need to be worked out.

Windows Before

windows-chartfont-before

Windows After

windows-chartfont-after

Title colours

This also slightly darkens the default chart title and subtitle colour to fit better with the new project styling:

Before:

CleanShot 2023-11-07 at 21 37 24@2x

After:

CleanShot 2023-11-07 at 21 37 36@2x

Still might be a touch too light, but we can start here

Checklist

Copy link

changeset-bot bot commented Nov 8, 2023

🦋 Changeset detected

Latest commit: 05f490c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 5 packages
Name Type
@evidence-dev/component-utilities Patch
@evidence-dev/core-components Patch
@evidence-dev/evidence Patch
@evidence-dev/components Patch
evidence-test-environment Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

netlify bot commented Nov 8, 2023

Deploy Preview for evidence-development-workspace ready!

Name Link
🔨 Latest commit 05f490c
🔍 Latest deploy log https://app.netlify.com/sites/evidence-development-workspace/deploys/654af38e36c1c2000807c842
😎 Deploy Preview https://deploy-preview-1315--evidence-development-workspace.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

vercel bot commented Nov 8, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
evidence-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 8, 2023 2:34am

@mcrascal
Copy link
Member

mcrascal commented Nov 8, 2023

LGTM

@hughess hughess merged commit c5d4d17 into main Nov 8, 2023
18 checks passed
@hughess hughess deleted the charts-font branch November 8, 2023 15:58
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.

None yet

2 participants