stwaidele/dorfteich
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 22 Wiki Activity

#177: Admin-Personenliste — Aktions-Zelle bleibt Table-Cell, Flex auf Innen-Wrapper
All checks were successful
CI / Lint, typecheck, test (pull_request) Successful in 4m39s
Details
CI / Build container images (pull_request) Successful in 1m10s
Details
CI / Auth e2e pack (pull_request) Successful in 7m43s
Details
CI / Import/export fidelity gate (pull_request) Successful in 56s
Details
CD / Build and push images (push) Successful in 18s
Details
CD / Deploy to Test (push) Successful in 13s
Details
CD / Smoke tests against Test (push) Successful in 1m14s
Details
CD / Promote to Int (push) Successful in 11s
Details
CI / Lint, typecheck, test (push) Successful in 4m50s
Details
CI / Build container images (push) Has been skipped
Details
CI / Auth e2e pack (push) Successful in 7m24s
Details
CI / Import/export fidelity gate (push) Successful in 55s
Details
Release / Build release images and notes (push) Successful in 1m11s
Details
Release / Release-candidate operations QA (push) Successful in 45s
Details
Prod deploy / Deploy the released images to Prod (push) Successful in 16s
Details

Browse Source 
Die Trennlinie unter der Aktionen-Spalte endete auf Höhe der Icon-Reihe
statt am Zeilenende: display:flex direkt auf dem td nahm der Zelle ihr
table-cell-Verhalten, sie wuchs nicht mehr auf Zeilenhöhe. Das Flex-
Layout liegt jetzt auf einem Innen-Wrapper (.user-row__actions-inner);
gemessen: 0 px Bottom-Delta über alle Zellen jeder Zeile.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Claude Fable 5 2026-07-27 13:36:27 +02:00
parent 3283affa67
commit bdadfce6b9
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/pages/UserManager.tsx
View File

@ -124,8 +124,10 @@ function UserRow({
<td>{user.pondCount}</td> <td>{user.pondCount}</td>
<td>{user.lastLoginAt ? new Date(user.lastLoginAt).toLocaleDateString() : t('never')}</td> <td>{user.lastLoginAt ? new Date(user.lastLoginAt).toLocaleDateString() : t('never')}</td>
<td className="user-row__actions"> <td className="user-row__actions">
{/* Flex lives on the inner div: a td with display:flex stops behaving
like a table cell and its bottom border no longer meets the row's. */}
{!isSelf && ( {!isSelf && (
<> <div className="user-row__actions-inner">
{user.status === 'PENDING_VERIFICATION' && ( {user.status === 'PENDING_VERIFICATION' && (
<IconButton <IconButton
className="user-row__resend" className="user-row__resend"
@ -180,7 +182,7 @@ function UserRow({
<Trash2 aria-hidden /> <Trash2 aria-hidden />
</IconButton> </IconButton>
)} )}
</> </div>
)} )}
</td> </td>
</tr> </tr>

2
apps/web/src/styles/base.css
View File

@ -2983,7 +2983,7 @@ ul[data-type='task_list'] li p:last-of-type {
font-size: 0.85rem; font-size: 0.85rem;
} }
.user-row__actions { .user-row__actions-inner {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--space-2); gap: var(--space-2);