Fix detail view labels for small events

This commit is contained in:
Kiyomichi Kosaka
2025-06-20 07:47:31 +02:00
parent 47d4a66b0f
commit 88c37b566a
2 changed files with 39 additions and 4 deletions
+16 -3
View File
@@ -745,18 +745,31 @@ function showEonstripDetail(index, startCob) {
const left = ev.col * width;
const displayStart = Math.max(0, ev.start);
const displayEnd = Math.min(1, ev.end);
const elem = document.createElement(ev.end > ev.start ? 'div' : 'div');
const elem = document.createElement('div');
if (ev.end > ev.start) {
elem.className = 'event-box';
const h = (displayEnd - displayStart) * 100;
elem.style.height = (h > 0 ? h : 0) + '%';
if (h < 2) {
elem.classList.add('small-event');
elem.style.height = '4px';
} else {
elem.style.height = (h > 0 ? h : 0) + '%';
}
} else {
elem.className = 'event-line';
}
elem.style.top = (displayStart * 100) + '%';
elem.style.left = left + '%';
elem.style.width = `calc(${width}% - 2px)`;
elem.textContent = ev.label;
if (elem.classList.contains('small-event') || elem.className === 'event-line') {
const label = document.createElement('span');
label.className = 'event-label';
label.textContent = ev.label;
elem.appendChild(label);
} else {
elem.textContent = ev.label;
}
timeline.appendChild(elem);
});
}