Increased the z-index of the pie chart container to ensure it is displayed on top of other elements.

This commit is contained in:
Benjamin Arntzen (aider)
2024-06-27 08:31:12 +01:00
parent f2b0ac08f3
commit 5f6fc88b9b
2 changed files with 2 additions and 1 deletions
+1
View File
@@ -37,6 +37,7 @@ function updatePieChart() {
}
pieChartContainer.style.display = 'block';
pieChartContainer.style.zIndex = '9999';
const colors = Object.keys(colorDistribution);
const data = colors.map(color => colorDistribution[color]);
+1 -1
View File
@@ -23,7 +23,7 @@
<div class="container" id="nodeContainer"></div>
<div id="network"></div>
<div id="pieChartContainer" style="display: none; position: fixed; top: 10px; left: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 10px; border-radius: 5px; z-index: 1000;">
<div id="pieChartContainer" style="display: none; position: fixed; top: 10px; left: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 10px; border-radius: 5px; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.5);">
<canvas id="pieChart" width="200" height="200"></canvas>
<div id="colorDistribution"></div>
</div>