Skip to content

Fix/issue 579 hero links - #580

Open
tarone-saloni wants to merge 5 commits into
containers:mainfrom
tarone-saloni:fix/issue-579-hero-links
Open

Fix/issue 579 hero links #580
tarone-saloni wants to merge 5 commits into
containers:mainfrom
tarone-saloni:fix/issue-579-hero-links

Conversation

@tarone-saloni

@tarone-saloni tarone-saloni commented Jul 29, 2026

Copy link
Copy Markdown
Contributor

#579

This PR improves the version links displayed in the Hero section by making them more noticeable and updating their labels to be more descriptive

Changes

  1. Improved the visual styling of version links to make them easier to identify as clickable.
  2. Renamed generic link labels to more descriptive names.
  3. Kept version numbers alongside the product names for better clarity.

Before
Screenshot 2026-07-29 at 3 05 26 PM

After
Screenshot 2026-07-29 at 4 29 45 PM

The Podman/Podman Desktop version and license links in the hero
blended into the surrounding text and gave no clear feedback on
hover. Make them semibold and add a background highlight + lighter
text color on hover so they read as clickable and give clear
pointer feedback.

Signed-off-by: Saloni Tarone <taronesaloni@gmail.com>
Replace the generic "Latest stable Podman"/"...Desktop" prefixes with
self-descriptive link text ("Podman v6.0.2", "Podman Desktop v1.28.3")
and prevent wrapping so all three links stay on a single line.

Signed-off-by: Saloni Tarone <taronesaloni@gmail.com>
Forcing the version-links row to nowrap made it overflow past its
grid column and visually overlap the product screenshot at several
window widths (e.g. ~1024-1280px). Let the row wrap naturally
instead, so it stays on one line whenever there's room and drops to
a second line rather than overlapping when there isn't.

Also drop the background-pill hover treatment per feedback - hover
now only changes the link text to purple, no highlighted background.

Signed-off-by: Saloni Tarone <taronesaloni@gmail.com>
Remove the underline and the "-" separators between the links, and
style each as a small rounded, bordered badge so they read clearly
as distinct, clickable items without relying on underline as the
only affordance.

Signed-off-by: Saloni Tarone <taronesaloni@gmail.com>
Docusaurus's Infima base styles set a:hover { text-decoration, color }
with higher specificity than plain Tailwind utility classes, so hover
was silently reintroducing an underline and swapping text to the theme
purple despite our overrides. Add explicit hover: variants
(hover:no-underline, hover:text-white) to win that specificity fight.

Also bump badge size (text-base, more padding) and swap the hover
highlight from a light border/text tint to a darker filled
bg-purple-900/60 for a clearer, more visible highlight.

Signed-off-by: Saloni Tarone <taronesaloni@gmail.com>
@tarone-saloni
tarone-saloni force-pushed the fix/issue-579-hero-links branch from 413dc1e to 407fdba Compare July 29, 2026 11:15
@tarone-saloni

Copy link
Copy Markdown
Contributor Author

@ashley-cui PLAT

@tarone-saloni
tarone-saloni marked this pull request as ready for review July 29, 2026 19:36
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 this pull request may close these issues.

1 participant