feat(header): badge mediu RAR compact langa chip-ul RAR
Muta indicatorul de mediu (Testare/PRODUCTIE) din statusbar (randare periodica, rand intreg) intr-un badge compact din header, langa chipul RAR scurtat la "RAR". Click pe badge comuta mediul cand exista 2 disponibile; pe mobil (<=560px) eticheta scurta PROD/TEST ramane mereu vizibila (semnal de risc L.142). Toggle-ul din header si schimbarea mediului implicit din Setari actualizeaza badge-ul via OOB swap. Co-Authored-By: Claude Agent <noreply@anthropic.com>
This commit is contained in:
@@ -150,6 +150,15 @@
|
||||
background:color-mix(in srgb, var(--err) 80%, var(--card)); color:#fff; border:1px solid transparent; }
|
||||
.env-badge-test { display:inline-block; padding:1px 7px; border-radius:99px; font-size:11px;
|
||||
background:transparent; color:var(--muted); border:1px solid var(--line); }
|
||||
/* Badge mediu RAR din header: eticheta scurta PROD/TEST ramane mereu vizibila pe
|
||||
mobil (semnal de risc L.142), eticheta lunga se ascunde sub 560px. Clasele
|
||||
.env-badge-prod/.env-badge-test isi redefinesc deja border-ul complet, deci
|
||||
suprascriu stilul global de buton fara reguli suplimentare. */
|
||||
.env-tx-short { display:none; }
|
||||
@media (max-width:560px) {
|
||||
.env-tx-full { display:none; }
|
||||
.env-tx-short { display:inline; }
|
||||
}
|
||||
.muted { color:var(--muted); }
|
||||
/* Heading/eticheta accesibila doar pentru cititoare de ecran (vizual ascunsa). */
|
||||
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
|
||||
@@ -956,7 +965,7 @@
|
||||
title="RAR online{% if last_login|default('') %} — Ultima autentificare: {{ last_login }}{% endif %}"
|
||||
aria-label="RAR online">
|
||||
<span class="rar-dot live" aria-hidden="true"></span>
|
||||
<span class="rar-tx">RAR online</span>
|
||||
<span class="rar-tx">RAR</span>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="rar-chip rar-err" role="status"
|
||||
@@ -966,6 +975,7 @@
|
||||
<span class="rar-tx">RAR blocat</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% include '_header_env_badge.html' %}
|
||||
{# Comutatorul "Trimite automat la RAR" langa semnalul RAR.
|
||||
In afara swap-ului periodic al #status-bar. #}
|
||||
{% include '_auto_send_toggle.html' %}
|
||||
|
||||
Reference in New Issue
Block a user