jingrow/gantt
1
0
Fork 0
Code Pull Requests Activity

fix: use css ids that don't start with number

Browse Source
This commit is contained in:
Safwan Samsudeen 2024-09-11 20:49:06 +05:30
parent f8d77b2a73
commit faf41b7220
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/bar.js
View File

@ -154,7 +154,7 @@ export default class Bar {
this.gantt.options.column_width; this.gantt.options.column_width;
let $date_highlight = document.createElement('div'); let $date_highlight = document.createElement('div');
$date_highlight.id = `${this.task.id}-highlight`; $date_highlight.id = `highlight-${this.task.id}`;
$date_highlight.classList.add('date-highlight'); $date_highlight.classList.add('date-highlight');
$date_highlight.style.height = this.height * 0.8 + 'px'; $date_highlight.style.height = this.height * 0.8 + 'px';
$date_highlight.style.width = this.width + 'px'; $date_highlight.style.width = this.width + 'px';
@ -290,7 +290,7 @@ export default class Bar {
(timeout = setTimeout(() => { (timeout = setTimeout(() => {
this.show_popup(e.offsetX || e.layerX); this.show_popup(e.offsetX || e.layerX);
document.getElementById( document.getElementById(
`${task_id}-highlight`, `highlight-${task_id}`,
).style.display = 'block'; ).style.display = 'block';
}, 200)), }, 200)),
); );
@ -298,7 +298,7 @@ export default class Bar {
$.on(this.group, 'mouseleave', () => { $.on(this.group, 'mouseleave', () => {
clearTimeout(timeout); clearTimeout(timeout);
this.gantt.popup?.hide?.(); this.gantt.popup?.hide?.();
document.getElementById(`${task_id}-highlight`).style.display = document.getElementById(`highlight-${task_id}`).style.display =
'none'; 'none';
}); });