Try out grid css for sparklines#24789
Draft
chippison wants to merge 3 commits into
Draft
Conversation
Introduces DateAtom, a small presentational Vue atom that renders a single compared-date label (the backend's localised pretty period string) with muted, single-line styling for the sparklines redesign. It is the foundation for the date-comparison card body, kept as its own component so that it can be reused in other cards that can be worked with in parallel Adds the component, its stylesheet (registered in getStylesheetFiles) and a unit spec.
Builds the date-comparison body for the redesigned sparkline grid on top of DateAtom: one card per metric showing the metric name, a column per compared date (value, per-date evolution badge, optional "unique" line) and a single combined multi-series sparkline.
…terialized css, we can start using grid-css. This will allow us to have more dynamic views based on what we have (multiple dates to compare etc)
chippison
force-pushed
the
try-out-grid-css-for-sparklines
branch
from
July 8, 2026 04:11
4c2e259 to
3df1b29
Compare
chippison
force-pushed
the
dev-20376
branch
4 times, most recently
from
July 12, 2026 21:42
73197a8 to
5396c5a
Compare
chippison
force-pushed
the
dev-20376-date-atom
branch
from
July 17, 2026 03:59
d97c28a to
1e57e99
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Please include a description of this change and which issue it fixes. If no issue exists yet please include context and what problem it solves.
Checklist
Review