feat: news tag pills for website/software, placed inline with title#220
Merged
Conversation
Adds `.qe-badge--website` (teal) and `.qe-badge--software` (purple) so all four news-track tags (lectures, books, website, software) render as styled pills with distinct colours, matching the existing lectures/books pills. Previously `website`/`software` tags fell through to the unstyled base `.qe-badge`, rendering as plain text. Closes #218. Also moves the tag pill inline next to the post title (and beside the date in the archive list) instead of dropping it onto its own line: the base `.qe-badge` is `display: block`, so the news-card and news-archive overrides now set `display: inline-block` to keep each entry compact. Closes #219. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
✅ Deploy Preview for grand-swan-ca5201 ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Contributor
There was a problem hiding this comment.
Pull request overview
Updates the QuantEcon Jekyll site styling so news “track” tag pills render consistently across all four tags and appear inline with the news item title to keep the /news list compact (per #218 and #219).
Changes:
- Added
.qe-badge--websiteand.qe-badge--softwarebackground colors so these tags no longer fall back to the unstyled base badge. - Overrode
.qe-badgetodisplay: inline-block(and adjusted margins) within the news card title and news archive link contexts so the pill sits on the same line as the title.
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
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.
Addresses #218 and #219 — both refine how the auto-drafted news-track tag pills render on the /news list.
#218 — pill styling for
websiteandsoftwareThe news track now emits four tags (
lectures,books,website,software).lecturesandbooksalready had.qe-badge--*colour rules, butwebsiteandsoftwarefell through to the unstyled base.qe-badge, so they rendered as plain text. This adds two distinct colours so all four render consistently:#306998(blue, existing)#D25663(red, existing)#2A9D8F(teal, new)#9558B2(purple, new)#219 — pill inline with the title
The base
.qe-badgeisdisplay: block, which pushed the pill onto its own line between the title and excerpt, adding vertical space on every entry. The news-card title and news-archive overrides now setdisplay: inline-blockso the pill sits next to the title — e.g.Website update — June 8–14, 2026 [website]on a single line — keeping each entry compact. Applied in both the recent-posts cards and the year archive list.Verification
bundle exec jekyll buildsucceeds. Temporary posts taggedwebsiteandsoftwareconfirmed the layout emitsqe-badge--website/qe-badge--softwareand that the pill renders on the same line as the title; the temp posts were removed before committing. The change is CSS-only (assets/main.scss).🤖 Generated with Claude Code