Valogeo/loko
Valogeo/loko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: add status-on_pause badge styling and simplify calendar marker rendering to solid colors

Browse source
This commit is contained in:
kdeterme 2026-08-24 19:00:19 +02:00
parent 7d3362d770
commit c90ee9ece5
4 changed files with 28 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
loko/common/static/common/base_style.css
View file

@ -322,7 +322,10 @@ label,
color: #ffffff !important; color: #ffffff !important;
} }
.badge.status-on_pause { .badge.status-on_pause,
.badge.bg-warning.status-on_pause,
.badge.text-bg-warning.status-on_pause,
.badge[class*="status-on_pause"] {
background-color: #6b226e !important; background-color: #6b226e !important;
color: #ffffff !important; color: #ffffff !important;
} }

8
loko/interventions/static/interventions/calendar/interventions_calendar.css
View file

@ -61,6 +61,14 @@
.vis-item.status-archived { background-color: #343a40; border-color: #23272b; color: #fff; } .vis-item.status-archived { background-color: #343a40; border-color: #23272b; color: #fff; }
.vis-item.status-canceled { background-color: #6c757d; border-color: #5a6268; color: #fff; } .vis-item.status-canceled { background-color: #6c757d; border-color: #5a6268; color: #fff; }
.badge.status-on_pause,
.badge.bg-warning.status-on_pause,
.badge.text-bg-warning.status-on_pause,
.badge[class*="status-on_pause"] {
background-color: #6b226e !important;
color: #ffffff !important;
}
.canvas-timeline { .canvas-timeline {
border: 1px solid var(--bs-border-color, #e2e8f0); border: 1px solid var(--bs-border-color, #e2e8f0);

30
loko/interventions/static/interventions/calendar/interventions_calendar.js
View file

@ -1649,24 +1649,16 @@ document.addEventListener('DOMContentLoaded', function () {
ctx.restore(); ctx.restore();
} }
// Dégradé sphérique 3D // Pastille plate avec la couleur canonique du statut
ctx.save(); ctx.save();
const grad = ctx.createRadialGradient( ctx.fillStyle = sphereColor;
sh.x - 2.5, trackY - 2.5, 1,
sh.x, trackY, sphereRadius
);
grad.addColorStop(0, '#ffffff');
grad.addColorStop(0.35, sphereColor);
grad.addColorStop(1, shadeColor(sphereColor, -28));
ctx.fillStyle = grad;
ctx.beginPath(); ctx.beginPath();
ctx.arc(sh.x, trackY, sphereRadius, 0, Math.PI * 2); ctx.arc(sh.x, trackY, sphereRadius, 0, Math.PI * 2);
ctx.fill(); ctx.fill();
// Contour blanc fin et soigné // Contour blanc net et soigné
ctx.strokeStyle = 'rgba(255, 255, 255, 0.9)'; ctx.strokeStyle = '#ffffff';
ctx.lineWidth = 1.2; ctx.lineWidth = 1.5;
ctx.stroke(); ctx.stroke();
ctx.restore(); ctx.restore();
@ -2250,21 +2242,13 @@ document.addEventListener('DOMContentLoaded', function () {
} }
ctx.save(); ctx.save();
const grad = ctx.createRadialGradient( ctx.fillStyle = sphereColor;
sh.x - 2.5, trackY - 2.5, 1,
sh.x, trackY, sphereRadius
);
grad.addColorStop(0, '#ffffff');
grad.addColorStop(0.35, sphereColor);
grad.addColorStop(1, shadeColor(sphereColor, -28));
ctx.fillStyle = grad;
ctx.beginPath(); ctx.beginPath();
ctx.arc(sh.x, trackY, sphereRadius, 0, Math.PI * 2); ctx.arc(sh.x, trackY, sphereRadius, 0, Math.PI * 2);
ctx.fill(); ctx.fill();
ctx.strokeStyle = '#ffffff'; ctx.strokeStyle = '#ffffff';
ctx.lineWidth = 1.2; ctx.lineWidth = 1.5;
ctx.stroke(); ctx.stroke();
ctx.restore(); ctx.restore();
} }

9
loko/interventions/templates/interventions/detail/styles.html
View file

@ -457,4 +457,13 @@
white-space: normal; white-space: normal;
word-wrap: break-word; word-wrap: break-word;
} }
/* Statuts dans les badges de l'intervention */
.badge.status-on_pause,
.badge.bg-warning.status-on_pause,
.badge.text-bg-warning.status-on_pause,
.badge[class*="status-on_pause"] {
background-color: #6b226e !important;
color: #ffffff !important;
}
</style> </style>