fix(site): hide external link arrow when anchor wraps an image#3165
Conversation
The external-link arrow rendered by a[target='_blank']::after was appearing alongside image-only links (screenshots, badges like the AWS "Launch Stack" button), producing a redundant indicator next to content that already conveys the target. Scope the pseudo-element to anchors that do not contain an <img> using :not(:has(img)), and document the behavior in docs/syntax/links.md. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
Warning Rate limit exceeded
Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 40 minutes and 28 seconds. ⌛ How to resolve this issue?After the wait time has elapsed, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our FAQ for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (1)
📝 WalkthroughWalkthroughDocumentation was added to clarify that external links (those with Suggested labels
🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches✨ Simplify code
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Demonstrate the image-in-link markdown pattern and explain that the external-link arrow is suppressed when the anchor wraps an image. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Use the existing bear.png asset and example.com as the destination so readers can see the image-wrapped link (and verify the arrow indicator is omitted) without external dependencies. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
@Mpdreamz Need an approval for this one |
Summary
a[target='_blank']::afterinmarkdown/typography.csswas appearing next to image-only links (e.g., a "Launch Stack" badge or a screenshot that links out). The indicator is redundant there — the image already conveys the target.<img>via:not(:has(img)).docs/syntax/links.mddocumenting the behavior.Test plan
[](https://external)) no longer renders the arrow.button.cssandapi-docs.csscontinue to work.🤖 Generated with Claude Code