bobbai00 opened a new pull request, #4890: URL: https://github.com/apache/texera/pull/4890
### What changes were proposed in this PR? When logged out and visiting `/about`, the Sign In / Sign Up card overlapped the workflow GUI screenshot (per the screenshot in #4879). **Root cause** — `about.component.scss` styled the login card with `position: absolute; top: 140px; right: 0`, taking it out of normal flow. The card was also nested inside `.content` (the only `nz-col` in the row), so the parent `nz-row`'s grid never saw it as a column. The text bullets were narrow enough (`width: 70%`) to dodge the card, but `.workflow-gui-screenshot` is `width: 100%` of the content column, so it flowed under the absolutely-positioned login. **Fix** — use the existing `nz-row`/`nz-col` grid as intended: - Move `<texera-local-login>` out of `.content` to be a sibling `nz-col` under the row. - Drop `position: absolute / top / right` from `.login-container`. Add `margin-top: 40px` to align its top with `.content`'s heading. - Switch the row from `nzAlign=middle` to `nzAlign=top` (centering against a long content column would push the login halfway down the page) and add `nzGutter=32` for a small horizontal gap. - Drop the unused `as isLogin` alias on the `*ngIf`. When logged in, the login column is absent and `.content` takes the full row width via `nzFlex=auto`. ### Any related issues, documentation, discussions? Closes #4879. Reported by @mengw15. ### How was this PR tested? - AboutComponent smoke spec runs clean: `yarn ng test --watch=false --include=\"src/app/hub/component/about/about.component.spec.ts\"` → 1 passed. - I couldn't take a real browser screenshot from the CLI environment used to author this. **Visual review needed**: please load `/about` while logged out (and again while logged in) on this branch and confirm the login card no longer overlaps the screenshot, and that the logged-in state renders the full-width content as before. ### Was this PR authored or co-authored using generative AI tooling? Generated-by: Claude Code (claude-opus-4-7) -- 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]
