v2026.5.26 — Badge user-badge cliquable + auto-détection EV à l'ouverture admin

This commit is contained in:
Quentin Rouiller
2026-04-23 16:21:48 +02:00
parent 10a1aef4c7
commit 3a28e1bd0a
3 changed files with 161 additions and 43 deletions
+55 -15
View File
@@ -2745,15 +2745,9 @@ header.topbar::before {
filter: brightness(1.1);
}
/* v2026.5.18 : couleurs par catégorie (fond = couleur, texte blanc) */
.pinned-popup-dock-pill.color-livraison { background: var(--c-livraison); color: white; border-color: transparent; }
.pinned-popup-dock-pill.color-installation { background: var(--c-installation); color: white; border-color: transparent; }
.pinned-popup-dock-pill.color-recup { background: var(--c-recup); color: white; border-color: transparent; }
.pinned-popup-dock-pill.color-remplacement { background: var(--c-remplacement); color: white; border-color: transparent; }
.pinned-popup-dock-pill.color-incident { background: var(--c-incident); color: white; border-color: transparent; }
.pinned-popup-dock-pill.color-rollout { background: var(--c-rollout); color: white; border-color: transparent; }
.pinned-popup-dock-pill.color-reservation { background: var(--c-reservation); color: white; border-color: transparent; }
.pinned-popup-dock-pill.color-absence { background: #2a2f36; color: white; border-color: transparent; }
.pinned-popup-dock-pill.color-autre { background: var(--c-autre); color: white; border-color: transparent; }
/* v2026.5.26 : les anciennes règles color-XXX qui mettaient un fond coloré vif
sont remplacées par une simple barre verticale à gauche de la pastille.
Les styles pour ::before sont plus bas dans le fichier. */
/* v2026.5.18 : bouton "Fermer tous" à droite du dock */
.pinned-popups-close-all {
@@ -3007,19 +3001,49 @@ body.popup-dragging .pinned-popup {
v2026.5.25 : pastille dock enrichie (lieu + service + date) +
bouton Paramètres dans popup user-badge +
ref dans mini-menu pill
v2026.5.26 : couleurs sobres (fond sombre + barre colorée à gauche) +
contenu centré
========================================================================== */
/* Pastille dock : 3 lignes */
/* Pastille dock : 3 lignes centrées, fond sombre, barre colorée à gauche */
.pinned-popup-dock-pill {
flex-direction: column !important;
align-items: flex-start !important;
padding: 6px 14px !important;
align-items: center !important;
justify-content: center !important;
padding: 6px 14px 6px 18px !important;
gap: 2px !important;
line-height: 1.2 !important;
text-align: left;
text-align: center;
min-width: 200px;
max-width: 300px;
/* Fond sobre et texte bien lisible, peu importe la catégorie */
background: var(--bg-muted) !important;
color: var(--text) !important;
border: 1px solid var(--border) !important;
position: relative;
overflow: hidden;
}
/* Barre verticale colorée à gauche = indicateur de catégorie */
.pinned-popup-dock-pill::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: var(--c-autre);
}
.pinned-popup-dock-pill.color-livraison::before { background: var(--c-livraison); }
.pinned-popup-dock-pill.color-installation::before { background: var(--c-installation); }
.pinned-popup-dock-pill.color-recup::before { background: var(--c-recup); }
.pinned-popup-dock-pill.color-remplacement::before { background: var(--c-remplacement); }
.pinned-popup-dock-pill.color-incident::before { background: var(--c-incident); }
.pinned-popup-dock-pill.color-rollout::before { background: var(--c-rollout); }
.pinned-popup-dock-pill.color-reservation::before { background: var(--c-reservation); }
.pinned-popup-dock-pill.color-absence::before { background: #666; }
.pinned-popup-dock-pill.color-autre::before { background: var(--c-autre); }
.pinned-popup-dock-pill-lieu {
display: block;
font-size: 13px;
@@ -3028,23 +3052,27 @@ body.popup-dragging .pinned-popup {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--text);
text-align: center;
}
.pinned-popup-dock-pill-service {
display: block;
font-size: 11px;
font-weight: 500;
opacity: 0.85;
color: var(--text-muted);
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.pinned-popup-dock-pill-date {
display: block;
font-size: 10px;
font-weight: 500;
opacity: 0.75;
color: var(--text-faint);
font-family: var(--mono, monospace);
text-align: center;
}
/* Ref dans le mini-menu hover de la pastille */
@@ -3089,3 +3117,15 @@ body.popup-dragging .pinned-popup {
.user-name-popup-settings .settings-ico {
font-size: 15px;
}
/* ==========================================================================
v2026.5.26 : rond gris avec "?" quand user inconnu
========================================================================== */
.user-badge.user-badge-unknown {
--user-badge-color: #6b7280 !important;
opacity: 0.75;
font-weight: 500;
}
.user-badge.user-badge-unknown:hover {
opacity: 1;
}