From 3145cea8e182c1edd6076fe8e234f401a9eea528 Mon Sep 17 00:00:00 2001 From: bruno Date: Wed, 28 Oct 2026 14:27:43 -0400 Subject: [PATCH] Rebase chantier 5 (alertes) sur main post-#33 : static/css/draco-alertes.css --- static/css/draco-alertes.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/static/css/draco-alertes.css b/static/css/draco-alertes.css index 0d0582e..b509743 100644 --- a/static/css/draco-alertes.css +++ b/static/css/draco-alertes.css @@ -37,3 +37,22 @@ .draco-alertes-meta { font-size: 11.5px; color: var(--text-tertiary, #777); margin-top: 4px; } .draco-alertes-empty { font-size: 13px; color: var(--text-dim, #999); padding: 6px 0; } .draco-alertes-empty a { color: inherit; } +/* Chantier 5 — onglets + filtre (mêmes variables d'hôte, mêmes replis). */ +.draco-alertes-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 12px; } +.draco-alertes-tab { + border: 1px solid var(--border, #333); background: transparent; + color: inherit; border-radius: 999px; padding: 5px 11px; + cursor: pointer; font-size: 13px; line-height: 1.3; +} +.draco-alertes-tab[aria-selected="true"] { background: #e8762c; border-color: #e8762c; color: #fff; } +.draco-alertes-tab:focus-visible { outline: 2px solid #e8762c; outline-offset: 2px; } +.draco-alertes-filtre { display: flex; gap: 8px; align-items: center; margin: 0 0 4px; } +.draco-alertes-filtre label { font-size: 13px; color: var(--text-dim, #999); } +.draco-alertes-filtre input { + flex: 1; min-width: 0; background: transparent; color: inherit; + border: 1px solid var(--border, #333); border-radius: 8px; padding: 6px 10px; + font-size: 13px; +} +.draco-alertes-compte { font-size: 12.5px; color: var(--text-dim, #999); margin: 4px 0 10px; min-height: 1em; } +.draco-alertes-compte:empty { display: none; } +.draco-alertes-item.is-error { border-color: #c2437e; }