mirrors/oneuptime
1
0
Fork 0
mirror of https://github.com/OneUptime/oneuptime synced 2024-11-23 07:42:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor GanttChart component to set timeline width dynamically

Browse Source
This commit is contained in:
Simon Larsen 2024-02-23 17:36:11 +00:00
parent 61be62740a
commit 29092b23ba
No known key found for this signature in database
GPG Key ID: AB45983AA9C81CDE
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CommonUI/src/Components/GanttChart/Bar/Index.tsx
View File

@ -88,7 +88,6 @@ const Bar: FunctionComponent<ComponentProps> = (
<div
className="chart-bar h-8 pt-1 pb-1 mt-2.5 mb-2.5 rounded absolute cursor-pointer ml-1 mr-1"
style={{
marginLeft: `${barLeftPosition}px`,
width: `${barWidth}px`,
backgroundColor: `${props.bar.barColor.toString()}`,
opacity: barOpacity,

5
CommonUI/src/Components/GanttChart/Index.tsx
View File

@ -45,7 +45,10 @@ const GanttChart: FunctionComponent<ComponentProps> = (
setEachIntervalWidth(chartWidth / numberOfInterval);
}
setTimelineWidth(chartWidth * 0.75); // 75 % of chart width, 25% for category spacer
const timelineWidth: number = chartWidth * 0.75; // 75 % of chart width, 25% for category spacer
setTimelineWidth(timelineWidth); // 75 % of chart width, 25% for category spacer
}, [chartWidth]);
return (