fix: blog grid partial-row grey background and date off-by-one#16
Merged
ajbozarth merged 2 commits intogenerative-computing:mainfrom Apr 20, 2026
Merged
Conversation
Replace grid background-color separator trick with card borders so empty grid cells no longer show grey when the last row is partial. Fix date parsing to use local time constructor instead of UTC string parsing which caused dates to display one day early in negative UTC offset timezones. Signed-off-by: Alex Bozarth <ajbozart@us.ibm.com>
ajbozarth
requested review from
markstur and
nrfulton
and removed request for
a team
Without this event, required status checks never run when a PR enters the merge queue, causing it to stall indefinitely. Signed-off-by: Alex Bozarth <ajbozart@us.ibm.com>
Merged
via the queue into
generative-computing:main
with commit Apr 20, 2026
11b8ef2
6 checks passed
3 tasks
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
2 participants
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.
What
Two visual bugs on the blog listing page:
Grey background on partial grid row — the blog grid used a
background: var(--border)+gap: 1pxtrick to draw separator lines between cards. When the last row isn't full (e.g. 4 posts in a 3-column grid), the empty cells expose that grey background as a large block. Replaced withborder-top/border-lefton the grid container andborder-right/border-bottomon each card, so separators only appear where cards exist. Hover accent switches tooutlineto avoid layout shift.Dates showing one day early —
new Date("2026-04-20")parses as UTC midnight, which shifts to the previous day in negative-UTC-offset timezones. Fixed by constructing the date in local time vianew Date(year, month - 1, day).Test
Screenshots
Before:
After: