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

[Grids] Minor style update #2459

Closed
gvnmagni opened this issue Jun 7, 2024 · 0 comments · Fixed by #2492
Closed

[Grids] Minor style update #2459

gvnmagni opened this issue Jun 7, 2024 · 0 comments · Fixed by #2492
Assignees

Comments

@gvnmagni
Copy link

gvnmagni commented Jun 7, 2024

In order to reduce visual abundance on timeseries, I would suggest to slightly change a couple of style details of our grids.

  1. Avoid dashed grid lines
    This normally happens on horizontal grid lines

  2. Avoid vertical grid lines with darker color
    We use this to visually highlight relevant moments in time, but the result is that the chart look more confusing and too rich

  3. Check grid lines color
    Light theme: #E9EDF3
    Dark theme: #343741

  4. Bucket dashed line on hover color: EUI.colors.darkShade

The following images show the expected final result that we should get with these changes:

Screenshot 2024-06-07 at 15 25 29 Screenshot 2024-06-07 at 15 25 55
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 a pull request may close this issue.

2 participants