This is an automated email from the ASF dual-hosted git repository.
Yicong-Huang pushed a commit to branch release/v1.1.0-incubating
in repository https://gitbox.apache.org/repos/asf/texera.git
The following commit(s) were added to refs/heads/release/v1.1.0-incubating by
this push:
new 1f682e6824 fix(frontend): drop fixed height on about-page login card
(#4890)
1f682e6824 is described below
commit 1f682e6824a74acce5d9ebaa61f641fc266fbfaa
Author: Jiadong Bai <[email protected]>
AuthorDate: Mon May 4 04:11:50 2026 +0000
fix(frontend): drop fixed height on about-page login card (#4890)
### What changes were proposed in this PR?
The login card on `/about` (logged out) overlapped the workflow GUI
screenshot (#4879). Root cause: `local-login.component.scss` had
`height: 350px` hardcoded on the inner `.form`. Drop it so the card
sizes to its content; also tighten the gap between input fields.
Login:
<img width="1817" height="1072" alt="Screenshot 2026-05-03 at 8 35 56
PM"
src="https://github.com/user-attachments/assets/c4c3630e-d80e-447b-aad7-3fbe22f3e1c7";
/>
Sign Up:
<img width="1829" height="1088" alt="Screenshot 2026-05-03 at 8 36 22
PM"
src="https://github.com/user-attachments/assets/967ebf75-50e9-4664-9892-5a5bcb563ac7";
/>
### Any related issues, documentation, discussions?
Closes #4879.
### How was this PR tested?
Visual check (screenshots above); AboutComponent smoke spec passes.
### Was this PR authored or co-authored using generative AI tooling?
Generated-by: Claude Code (claude-opus-4-7)
---------
(backported from commit aedc6e253b41ea3457a5efd59b4817862e395ff8)
Co-authored-by: Claude Opus 4.7 (1M context) <[email protected]>
---
frontend/src/app/hub/component/about/about.component.scss | 2 +-
.../app/hub/component/about/local-login/local-login.component.scss | 5 ++++-
2 files changed, 5 insertions(+), 2 deletions(-)
diff --git a/frontend/src/app/hub/component/about/about.component.scss
b/frontend/src/app/hub/component/about/about.component.scss
index 388345f439..05305cc527 100644
--- a/frontend/src/app/hub/component/about/about.component.scss
+++ b/frontend/src/app/hub/component/about/about.component.scss
@@ -62,7 +62,7 @@
.login-container {
position: absolute;
- top: 140px;
+ top: 130px;
right: 0;
max-width: 350px;
width: 100%;
diff --git
a/frontend/src/app/hub/component/about/local-login/local-login.component.scss
b/frontend/src/app/hub/component/about/local-login/local-login.component.scss
index dcf62d6ef5..74aacfba18 100644
---
a/frontend/src/app/hub/component/about/local-login/local-login.component.scss
+++
b/frontend/src/app/hub/component/about/local-login/local-login.component.scss
@@ -26,5 +26,8 @@
border-radius: 5px;
margin: 16px;
padding: 20px;
- height: 350px;
+
+ ::ng-deep nz-form-item {
+ margin-bottom: 12px;
+ }
}
