Skip to content

Conversation

@devin-ai-integration
Copy link
Contributor

@devin-ai-integration devin-ai-integration bot commented Oct 21, 2025

Fix changelog icon CSS to only target sidebar links

Summary

Updated the CSS selector for hiding changelog icons from a[href$="changelog"] svg to .fern-sidebar-link[href$="changelog"] > svg. The original selector was too broad and was inadvertently hiding all SVGs within links on changelog pages, not just the sidebar icon.

Changes:

  • Added .fern-sidebar-link class requirement to target only sidebar links
  • Changed from descendant selector ( ) to direct child selector (>) for better specificity
  • Removed .nested class requirement to work with all sidebar changelog links

Review & Testing Checklist for Human

  • Navigate to multiple changelog pages (TypeScript, Python, Java, Go, Ruby, C#, Swift, PHP) and verify the sidebar "Changelog" item does NOT show an icon
  • On a changelog page with content links that have SVG icons, verify those icons ARE now visible (this was the original bug - they were being hidden)
  • Check the preview deployment to ensure the fix works in production-like environment

Test Plan

  1. Go to any changelog page (e.g., /learn/sdks/generators/typescript/changelog)
  2. Look at the sidebar navigation - the "Changelog" item should not have an icon next to it
  3. If there are any links with icons in the main content area, verify those icons are visible

Notes

  • Tested locally with fern docs dev on the TypeScript changelog page
  • Verified that sidebar icon is hidden while content SVGs remain visible
  • All CI checks passed

Link to Devin run: https://app.devin.ai/sessions/aae1210399814b7585b6f287e878e2c9
Requested by: Kapil Gowru (@kgowru)

Updated the CSS selector from 'a[href$="changelog"] svg' to
'.fern-sidebar-link.nested[href$="changelog"] > svg' to specifically
target only the SVG icon within the sidebar changelog link.

This prevents the rule from inadvertently hiding all SVGs on changelog
pages that have links attached to them, while still hiding the changelog
icon in the sidebar navigation as intended.

Co-Authored-By: Kapil Gowru <k.gowru@gmail.com>
@devin-ai-integration
Copy link
Contributor Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

@github-actions
Copy link
Contributor

Updated selector from '.fern-sidebar-link.nested[href$="changelog"]' to
'.fern-sidebar-link[href$="changelog"]' to apply to all sidebar changelog
links regardless of whether they have the nested class.

Co-Authored-By: Kapil Gowru <k.gowru@gmail.com>
@github-actions
Copy link
Contributor

@fern-support fern-support merged commit 54141f0 into main Oct 21, 2025
1 check passed
@fern-support fern-support deleted the devin/1761078657-fix-changelog-icon-css branch October 21, 2025 20:48
fern-support pushed a commit that referenced this pull request Oct 21, 2025
Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: Kapil Gowru <k.gowru@gmail.com>
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.

2 participants