Conversation
✅ Deploy Preview for lynx-doc ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
- Add i18n translations for link text (en/zh) - Render right-aligned link in HtmlViewer component above iframe - Style with brand color and subtle hover effect Co-authored-by: Huxpro <5563315+Huxpro@users.noreply.github.com>
|
@copilot this change create a huge spacing around the iframe. It seems like the original layout is a trick to workaround Rspress default doc layout so it can fill up all the space. We should maintain the original tricks and add incremental changes to the UI. How about a sticky header? |
Instead of a flex column that adds spacing above the iframe, use position:absolute to overlay the link on top of the iframe content. Uses var(--rp-c-bg) for dark mode compatibility. Co-authored-by: Huxpro <5563315+Huxpro@users.noreply.github.com>
Fixed in c992b91. Changed from a flex column layout (which took up space above the iframe) to an absolutely-positioned overlay that floats on top of the iframe content with a gradient fade. The original
|
The spec page (
guide/spec.html) embeds the Living Specification via iframe, making it inaccessible for LLMs and inconvenient for direct access. Adds a link overlaying the iframe to open the spec standalone.HtmlViewercomponent: Renders a right-aligned "Open in new tab ↗" link overlaying the iframe, pointing to the same src URL"Open in new tab ↗"/ ZH"在新标签页中打开 ↗"var(--rp-c-bg)for dark mode compatibility. Usespointer-events: noneon the bar withpointer-events: autoon the link to keep the iframe fully interactive underneath. Preserves the original full-space iframe layout trick.✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.