Files
xamxam/app/public/assets/css/components/badges.css
T
Pontoporeia aa72aa5bc5 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.
2026-09-18 16:26:49 +02:00

51 lines
1.1 KiB
CSS

/* ============================================================
BADGES — Status badges, access badges.
Root class: .status-badge
============================================================ */
.status-badge {
display: inline-block;
white-space: nowrap;
padding: var(--space-3xs) var(--space-2xs);
border-radius: var(--radius);
font-size: var(--step--2);
font-weight: 500;
letter-spacing: 0.04em;
}
.status-published {
background: var(--green-muted-bg);
color: var(--accent-green);
}
.status-pending {
background: var(--warning-muted-bg);
color: var(--warning);
}
.status-access {
display: inline-block;
white-space: nowrap;
font-size: var(--step--2);
padding: var(--space-3xs) var(--space-3xs);
border-radius: var(--radius);
background: var(--bg-tertiary);
color: var(--text-secondary);
letter-spacing: 0.03em;
}
.status-access--libre {
background: var(--green-muted-bg);
color: var(--accent-green);
}
.status-access--interne {
background: var(--blue-muted-bg);
color: var(--accent-blue);
}
.status-access--interdit {
background: var(--error-muted-bg);
color: var(--error);
}