docs: line up the hero badges on one height - #50
Merged
Conversation
There was a problem hiding this comment.
🟢 Approval recommended
The changes are small, documentation-only, and directly address the stated rendering/alignment issue without impacting runtime code.
Pull request overview
This PR adjusts the docs landing-page hero badge row so all badges align to the same visual height regardless of whether the badge image is wrapped in a link, and it makes the “.NET 10” badge clickable (matching the README behavior).
Changes:
- Add
align-items: centerto the.st-badgesflex row and set.st-badges atoinline-flexto eliminate baseline/descender height differences. - Wrap the “.NET 10” badge in a link to
https://dotnet.microsoft.com/.
File summaries
| File | Description |
|---|---|
| docs/templates/stratara/public/main.css | Align badge row items and ensure linked badges don’t render taller than unlinked ones. |
| docs/index.md | Make the “.NET 10” badge a link, consistent with the other badges. |
Review details
- Files reviewed: 2/2 changed files
- Comments generated: 0
- Review effort level: Lite
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
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.
What this changes
.NET 10badge sat a few pixels above the others. The three linked badges are flex items wrapping an inline image, so each carried the line box's descender space and rendered taller than the unwrapped one, which pushed their images down..st-badges ais nowinline-flexand the row isalign-items: center, so a badge lines up whether or not it is a link..NET 10badge to dotnet.microsoft.com, as the README already does — it was the only one that was not a link.How it was verified
./scripts/local-gauntlet.sh)docfx build --warningsAsErrors— 0 warnings, 0 errors