mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-09-25 01:53:03 +02:00
fix(admin): prevent access badge text wrapping in index table
Add white-space: nowrap to .status-access so 'Interne'/'Interdit' no longer break mid-word in the narrow Accès column.
This commit is contained in:
@@ -3,6 +3,11 @@
|
||||
> Last updated: 2026-08-31
|
||||
> Context: CSS waste strategy — full stream DEFERRED (tasks 10/u/w/x/y/z): unusedSymbols report showed only ~6.2KB/2.9% of 216KB reclaimable; pruning + per-page split parked (docs/css-split-analysis.md). #t (Interdit admin route) confirmed already implemented via /admin/media.php + media-viewer.php + recapitulatif link. No pending live tasks.
|
||||
|
||||
## Pending
|
||||
- [x] #admin-index-toolbar-table-gap Reduce space between admin toolbar and index table. Gap was triple-stacked: `.admin-list-toolbar--list` bottom padding (2ch ≈ 16px) + `#admin-table-wrap > table` margin-top (--space-m ≈ 24px) + `.admin-search-indicator` margin-top (--space-2xs). Fix in app/public/assets/css/admin.css: toolbar padding → `2ch 2ch 0`, table margin-top → `--space-3xs` (~5px), indicator margin-top → 0. Total gap ~40px → ~5px.
|
||||
- [x] #admin-index-column-spacing Narrow the admin index table columns. Root cause: table lives inside `#admin-table-wrap`, so the `.admin-body main > table th/td` override never matched (direct-child selector) and cells kept base `--space-xs` (~15px) sideways padding from components/tables.css → ~30px between columns. Fix: `.admin-body #admin-table-wrap th/td { padding: var(--space-3xs) var(--space-2xs) }` + fixed the sibling margin selector in app/public/assets/css/admin.css → gap now ~19px.
|
||||
- [x] #admin-index-badges-nowrap Fix text wrapping in admin index table badges (Accès, Publié). `.status-badge` and `.status-access` had no `white-space: nowrap`, so "En attente"/"Interne" broke mid-word in narrow columns. Added `white-space: nowrap` to both in app/public/assets/css/components/badges.css (served directly, no build step).
|
||||
|
||||
## Pending
|
||||
- [x] #justfile-deploy-code-nginx-split [!medium] de-dup deploy-code: it bundled nginx config + server-side setup (full duplicate of deploy-nginx). Now code-only; deploy depends on deploy-nginx; provision-server's duplicate deploy-nginx removed; var/{cache,logs,tmp} mkdir moved into scripts/deploy-server.sh.
|
||||
|
||||
|
||||
@@ -309,13 +309,17 @@
|
||||
|
||||
/* ── Table ──────────────────────────────────────────────────────────────── */
|
||||
/* Base table/th/td styles live in components/tables.css */
|
||||
.admin-body main > table {
|
||||
margin-top: var(--space-m);
|
||||
.admin-body main > table,
|
||||
#admin-table-wrap > table {
|
||||
margin-top: var(--space-3xs);
|
||||
}
|
||||
|
||||
.admin-body main > table th,
|
||||
.admin-body main > table td {
|
||||
padding: var(--space-3xs);
|
||||
/* Tight horizontal padding: the table lives inside #admin-table-wrap, so the
|
||||
`main > table` selectors above never matched and cells kept the base
|
||||
--space-xs (~15px) sideways padding from components/tables.css. */
|
||||
.admin-body #admin-table-wrap th,
|
||||
.admin-body #admin-table-wrap td {
|
||||
padding: var(--space-3xs) var(--space-2xs);
|
||||
}
|
||||
|
||||
td.admin-ap-col,
|
||||
@@ -901,7 +905,7 @@ th.admin-ap-col {
|
||||
|
||||
.admin-list-toolbar--list {
|
||||
gap: var(--space-s);
|
||||
padding: 2ch;
|
||||
padding: 2ch 2ch 0;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
@@ -2234,7 +2238,7 @@ th.admin-ap-col {
|
||||
opacity: 0;
|
||||
transition: opacity 0.15s;
|
||||
pointer-events: none;
|
||||
margin-top: var(--space-2xs);
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.admin-search-indicator.htmx-request {
|
||||
|
||||
@@ -5,6 +5,7 @@
|
||||
|
||||
.status-badge {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
padding: var(--space-3xs) var(--space-2xs);
|
||||
border-radius: var(--radius);
|
||||
font-size: var(--step--2);
|
||||
@@ -24,6 +25,7 @@
|
||||
|
||||
.status-access {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
font-size: var(--step--2);
|
||||
padding: var(--space-3xs) var(--space-3xs);
|
||||
border-radius: var(--radius);
|
||||
|
||||
Reference in New Issue
Block a user