Projets/ObsiGate
1
1
Fork 0
Code Issues 25 Pull Requests 1 Actions Packages Projects Releases 37 Wiki Activity

ObsiGate 2.82.7 : barre v0.1.11, marque monochrome + anneau avatar (frontend/draco-barre.css)

Browse Source
This commit is contained in:
bruno
2026-10-29 23:09:53 -04:00
parent 31b8a86861
commit bc150bf225
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/draco-barre.css
+11 -2
View File
@@ -10,6 +10,8 @@
v0.1.10 : rose --agent → rouge Spark #c00000 ; marque = logo Spark ; v0.1.10 : rose --agent → rouge Spark #c00000 ; marque = logo Spark ;
bouton Spark supprimé (remplacé par l'avatar flottant bas-centre) ; bouton Spark supprimé (remplacé par l'avatar flottant bas-centre) ;
Alertes icône seule. Alertes icône seule.
v0.1.11 : marque = étoile Spark monochrome (blanche barre foncée,
noire barre claire) ; anneau rouge #c00000 autour de l'avatar flottant.
Jetons repris du prototype validé Console v7.2. Jetons repris du prototype validé Console v7.2.
Thème : clair par défaut, sombre via [data-theme="dark"] sur <html> Thème : clair par défaut, sombre via [data-theme="dark"] sur <html>
ou prefers-color-scheme si l'app intégratrice ne force rien. */ ou prefers-color-scheme si l'app intégratrice ne force rien. */
@@ -41,7 +43,14 @@
.draco-brand:hover { background: var(--surface-2); } .draco-brand:hover { background: var(--surface-2); }
.draco-brand:focus-visible { outline: 2px solid var(--agent); outline-offset: 2px; } .draco-brand:focus-visible { outline: 2px solid var(--agent); outline-offset: 2px; }
.draco-brand-mark { line-height: 0; } .draco-brand-mark { line-height: 0; }
.draco-brand-mark img { width: 26px; height: 26px; border-radius: 8px; object-fit: cover; display: block; } /* Marque monochrome v0.1.11 : étoile blanche extraite du logo rouge,
fond transparent — noire sur barre claire (filtre), blanche sur
barre foncée (filtre annulé par les règles thème ci-dessous). */
.draco-brand-mark img { width: 26px; height: 26px; object-fit: cover; display: block; filter: brightness(0); }
@media (prefers-color-scheme: dark) {
.draco-bar .draco-brand-mark img { filter: none; }
}
[data-theme="dark"] .draco-bar .draco-brand-mark img { filter: none; }
/* Menu des applications — construit par le JS depuis les onglets */ /* Menu des applications — construit par le JS depuis les onglets */
.draco-apps-menu { .draco-apps-menu {
@@ -156,7 +165,7 @@
border-radius: 50%; background: transparent; cursor: pointer; border-radius: 50%; background: transparent; cursor: pointer;
box-shadow: 0 8px 28px rgb(0 0 0 / .45); box-shadow: 0 8px 28px rgb(0 0 0 / .45);
} }
.draco-spark-flottant img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; display: block; } .draco-spark-flottant img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; display: block; box-sizing: border-box; border: 3px solid var(--agent); }
.draco-spark-flottant:hover { transform: translateX(-50%) scale(1.05); } .draco-spark-flottant:hover { transform: translateX(-50%) scale(1.05); }
.draco-spark-flottant:focus-visible { outline: 2px solid var(--agent); outline-offset: 3px; } .draco-spark-flottant:focus-visible { outline: 2px solid var(--agent); outline-offset: 3px; }