Skip to content

guides: minor layout fixes#24679

Merged
craig-osterhout merged 1 commit intodocker:mainfrom
craig-osterhout:engdocs-3227
Apr 10, 2026
Merged

guides: minor layout fixes#24679
craig-osterhout merged 1 commit intodocker:mainfrom
craig-osterhout:engdocs-3227

Conversation

@craig-osterhout
Copy link
Copy Markdown
Contributor

@craig-osterhout craig-osterhout commented Apr 9, 2026

Description

At just the right medium width, some chips' text overlaps. Removed no wrap for medium.
image

Some tags in the left-nav have no guides (release notes, secrets, etc.). Added conditional to make sure the tag and language has associated guides before displaying
image

https://deploy-preview-24679--docsdocker.netlify.app/guides/?tags=distributed-systems

Related issues or tickets

ENGDOCS-3227

Reviews

  • Editorial review

Signed-off-by: Craig Osterhout <craig.osterhout@docker.com>
@netlify
Copy link
Copy Markdown

netlify bot commented Apr 9, 2026

Deploy Preview for docsdocker ready!

Name Link
🔨 Latest commit e898a08
🔍 Latest deploy log https://app.netlify.com/projects/docsdocker/deploys/69d7e6fd546925000948ecfd
😎 Deploy Preview https://deploy-preview-24679--docsdocker.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@craig-osterhout
Copy link
Copy Markdown
Contributor Author

/review

@craig-osterhout craig-osterhout added the status/review Pull requests that are ready for review label Apr 9, 2026
@craig-osterhout craig-osterhout requested a review from a team April 9, 2026 17:56
Copy link
Copy Markdown
Contributor

@docker-agent docker-agent bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Assessment: 🟢 APPROVE

This PR makes two layout improvements to the guides landing page:

  1. Conditional filter display: Adds checks to only show tags and languages that have associated guides, preventing empty filter options
  2. Text overlap fix: Removes md:flex-nowrap to prevent chip text overlap at medium widths

The Hugo template syntax is correct, and the logic is sound. The conditional checks using where with intersect will properly filter out unused tags/languages. The CSS change is a valid UX improvement that allows wrapping at all screen sizes to prevent overflow.

No bugs or issues found. The changes are minimal, focused, and address the stated problems effectively.

@craig-osterhout craig-osterhout enabled auto-merge (squash) April 9, 2026 18:03
@craig-osterhout craig-osterhout merged commit c3bd7fb into docker:main Apr 10, 2026
15 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/guides status/review Pull requests that are ready for review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants