-
Notifications
You must be signed in to change notification settings - Fork 30
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
[feat] Add vanilla extract and restyle UI #86
Conversation
- Add license headers - Optimise colours for charts
- optimise Section panels
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I like the new version. A small note: similar to the first version of the dashboard ui, in my browser (chrome), the font size of the normal text (eg section description) is a bit small.
# Conflicts: # dashboard/assets/packages/report/vite.config.ts
- Remove test date from Charts - Update font sizes
const dateFormats = [ | ||
[3600 * 24 * 365, null, null, null, null, null, null, null, 1], | ||
[3600 * 24 * 28, null, null, null, null, null, null, null, 1], | ||
[3600 * 24, null, null, null, null, null, null, null, 1], | ||
[3600, "{HH}", null, null, null, null, null, null, 1], | ||
[60, "{HH}:{mm}", null, null, null, null, null, null, 1], | ||
[1, ":{ss}", null, null, null, null, null, null, 1], | ||
[0.001, ":{ss}.{fff}", null, null, null, null, null, null, 1] | ||
] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@szkiba I've messed around with these formats to remove the date, could you take a look at this and confirm whether it's okay?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It seem ok for me
- Fix grid gap so that it scales below full width on smaller screens - Add x axis scrolling for tables that are too wide
What?
This PR updates the UI for the report package. Included with these changes are the use of css-in-js tool vanilla-extract and removal of bootstrap css
Why?
We want a well designed, print friendly, yet interactive view for the report page.
Checklist
go run mage.go lint
) and all checks pass.go run mage.go test
) and all tests pass.Before
After
@szkiba please let me know if the design is too basic.