zhangxinyao88 opened a new pull request, #840:
URL: https://github.com/apache/fineract-backoffice-ui/pull/840

   ## What and why
   
   Inset shared list-card headers to match the card content. On desktop, keep 
the title and primary actions on one row; below the existing mobile breakpoint, 
stack them with space between them. This fixes the title and Create Client 
button sitting against the card edge on `/clients` and applies to other lists 
using `DataTableComponent`.
   
   Partial #750: this covers shared header padding and title/action layout. The 
separately bordered Status filter remains outside this fix; this PR does not 
close the issue.
   
   ## Verification
   
   - Current-main mocked reproduction failed with a 0px title inset against the 
existing 16px content inset.
   - 317 application test files / 2633 tests passed in UTC, plus 2 MFE tests.
   - 6 mocked browser cases passed at 1440×900 and 390×844: projected Clients 
actions, built-in Centers create action, title-only reader headers, in-card 
geometry, no horizontal page overflow, and keyboard navigation to creation 
pages.
   - Lint, format, production build, i18n/icons/a11y/template/UI checks, E2E 
types, API surface, license and GA checks passed. Existing six unrelated lint 
warnings, header style-budget warning and adapter advisory remain.
   - Synthetic request mocks only. No live backend, full/non-English browser 
suite, timezone rerun, local offline/container build or generated-client 
regeneration was run. No dependency, generated API, permissions or suppression 
changes.
   
   ## Screenshots
   
   Desktop:
   
   ![Shared client list header with inset title and right-aligned primary 
action](https://raw.githubusercontent.com/zhangxinyao88/fineract-backoffice-ui/a4ed32599502cf195e2ec33dc856214581d00e12/DOCS/review/750/desktop.png)
   
   Phone:
   
   ![Shared client list header with inset stacked title and primary 
action](https://raw.githubusercontent.com/zhangxinyao88/fineract-backoffice-ui/a4ed32599502cf195e2ec33dc856214581d00e12/DOCS/review/750/phone.png)
   
   ## AI assistance
   
   Codex assisted with the implementation and local Vitest/Playwright 
verification.
   
   ## Checklist
   
   - [x] Generated API files were not hand-edited.
   - [x] Existing adapter/UI boundaries and translation keys are retained.
   - [x] Browser regression coverage exercises both primary-action paths and 
title-only state.
   - [x] UI layout uses mocked requests; real-backend testing is not needed for 
this CSS-only fix.
   - [x] Commits are signed.
   - [x] AI-assisted contribution guidance followed; this is a bug fix, not a 
new workflow proposal.
   


-- 
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]

Reply via email to