feat: Color the cost bar past the tear marker darker blue

This commit is contained in:
Paul Gauthier (aider) 2025-04-13 13:37:56 -07:00
parent 27b51d51d8
commit 53a64c88ad

View file

@ -221,6 +221,16 @@ document.addEventListener('DOMContentLoaded', function() {
tearMarker.style.left = '90%'; // Position at 90% (around $45)
bar.parentNode.appendChild(tearMarker);
// Create a darker section after the tear
const darkSection = document.createElement('div');
darkSection.className = 'bar-viz';
darkSection.style.width = '10%'; // From 90% to 100%
darkSection.style.left = '90%';
darkSection.style.backgroundColor = 'rgba(13, 110, 253, 0.6)'; // Darker blue
darkSection.style.borderRight = '1px solid rgba(13, 110, 253, 0.8)';
darkSection.style.zIndex = '1';
bar.parentNode.appendChild(darkSection);
// Add a marker at the end of the bar
const marker = document.createElement('div');
marker.className = 'cost-exceeded-marker';