-
-
Notifications
You must be signed in to change notification settings - Fork 32.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[docs-infra] Add external link arrow #41129
Conversation
Netlify deploy previewhttps://deploy-preview-41129--material-ui.netlify.app/ Bundle size report |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The technical solution looks good.
I taught the issue was about distinguishing internal cs external links. Something as follow:
a:not([href*="mui.com"]):not([href^="/"]):not([href^="#"])
But distinguishing by "open a new tab" vs "move in the same tab" seems good too 👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Love some CSS-only stuff like this 😊 Nice one, Jun, thanks for being so fast!
Nice, this could make it to the Link component #41129. We might want to disable it for image links For ads, it feels like it shouldn't be here: https://deploy-preview-41129--material-ui.netlify.app/material-ui/react-button/ |
Proposing a fix: #41181 |
closes #41072
Out of scope: determine which links should be external by updating the list.
Added arrow to external links using CSS to detect
target="_blank"
.docs-external-link.mp4