davidzollo opened a new pull request, #565: URL: https://github.com/apache/seatunnel-website/pull/565
## Purpose Fix the frame of the homepage community help popup (added in #553): the teal top accent did not blend into the side frame at the rounded corners. ## Root cause The popup combined `border: 1px solid <grey>` with `border-top: 3px solid var(--teal)` on a 16px `border-radius`. When adjacent borders differ in width and color, browsers split each rounded corner between the two colors with a hard edge, so the teal cap is cut off mid-arc and a thin grey line takes over. In addition, the light theme override used the `border-color` shorthand, which also reset the top border color, so the accent disappeared in light mode. ## Changes `src/pages/home/index.less` only: - The frame is painted by a `::before` gradient ring (mask `content-box` exclude), so the accent flows through the corner arcs and fades into the side edges with no seam. - The real borders stay (`1px` sides, `3px` top) but are transparent, so the box geometry, padding and layout are unchanged. - The edge color is a custom property `--st-home-community-help-edge`; the light theme overrides only that variable, which restores the accent in light mode. - The ring has `pointer-events: none`, so the close button and links are unaffected. ## Verification - Compiled with less 4.2.0, output as expected. - Rendered the compiled CSS with the real popup markup in Chromium, old vs new, dark and light themes, zoomed 8x on the corners: the hard cut on the top corners is gone; the bottom corners keep an even 1px edge; the light theme now shows the accent. - Layout unchanged: popup is 360x313 before and after with the same title offset; the close button still receives clicks. - Not run: the full Docusaurus dev server, Safari, and Firefox. 🤖 Generated with [Claude Code](https://claude.com/claude-code) -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
