The GitHub Actions job "Required Checks" on texera.git/main has failed.
Run started by GitHub user github-merge-queue[bot] (triggered by 
github-merge-queue[bot]).

Head commit for run:
82880b84cbf7d3a6d81e8a2c4ddd3c75ceb61894 / Amer Mukhtar 
<[email protected]>
fix(frontend): keep admin page height consistent (#6035)

### What changes were proposed in this PR?

The admin pages didn't all have the same height, so the layout shifted
when switching between sections. This meant the buttons could move
around and you'd have to move your cursor to click them.

The proposed change makes the admin pages keep a consistent height, so
the layout stays put when moving between sections. It's a small CSS
change to the shared dashboard content area.

The fix makes nz-content a bounded flex scroll container, so overflowing
content scrolls inside the content area while the sidebar and top nav
stay fixed and the page height stays consistent across all admin pages.
The nz-content rule now adds min-height: 0 and flex: 1 alongside the
existing overflow-y: auto.

| After | Before |
| --- | --- |
| <img width="430"
src="https://github.com/user-attachments/assets/3e4e4556-9b79-463b-b659-1a43bc7cf0aa";
/> | <img width="430"
src="https://github.com/user-attachments/assets/7a4d8dd6-9b2b-4696-9963-84d8c4276ff2";
/>|
| <img width="430"
src="https://github.com/user-attachments/assets/2b5b0041-1a55-40ec-bcb6-8036aeae1981";
/> | <img width="430"
src="https://github.com/user-attachments/assets/c813943f-0c9a-4df1-ac7b-51741ab0bbf4";
/> |
| <img width="430"
src="https://github.com/user-attachments/assets/0af1656b-afe1-4867-90ed-13d4517fe91b";
/> | <img width="430"
src="https://github.com/user-attachments/assets/818c4a7b-713c-4acd-aed8-7962e2b4ae76";
/> |
| <img width="430"
src="https://github.com/user-attachments/assets/c618cdaf-a28c-4640-9945-3359413a4f75";
/> | <img width="430"
src="https://github.com/user-attachments/assets/f81f5b6c-d39e-45e2-8528-be82b005f75b";
/> |


### Any related issues, documentation, discussions?

Closes #3588 

### How was this PR tested?

Tested manually

1. Opened each admin page (Users, Executions, Gmail, Settings) and
confirmed the page height and the top nav and search bar no longer shift
between sections.
2. Verified the Users page with both few and many rows: content now
scrolls within the content area instead of growing the whole page.
3. Checked other dashboard pages (Workflows, Datasets) to confirm no
scrolling regressions from the shared nz-content change.


### Was this PR authored or co-authored using generative AI tooling?
Nope.

Report URL: https://github.com/apache/texera/actions/runs/28631042526

With regards,
GitHub Actions via GitBox

Reply via email to