feat: Remove cost bar tear line, keep dark end cap

This commit is contained in:
Paul Gauthier (aider) 2025-04-13 13:44:23 -07:00
parent 1a080ba71c
commit 0f8e7fbd34
2 changed files with 1 additions and 22 deletions

View file

@ -215,13 +215,7 @@ document.addEventListener('DOMContentLoaded', function() {
// Mark bars that exceed the limit
if (cost > MAX_DISPLAY_COST) {
// Add a tear marker at around $45 (90% of the way)
const tearMarker = document.createElement('div');
tearMarker.className = 'cost-tear-marker';
tearMarker.style.left = '90%'; // Position at 90% (around $45)
bar.parentNode.appendChild(tearMarker);
// Create a darker section after the tear
// Create a darker section at the end
const darkSection = document.createElement('div');
darkSection.className = 'bar-viz';
darkSection.style.width = '10%'; // From 90% to 100%

View file

@ -171,21 +171,6 @@ human intervention.
background-color: rgba(170, 170, 170, 0.5);
z-index: 2; /* Above the bar but below the text */
}
.cost-tear-marker {
position: absolute;
left: 90%; /* Position at 90% (around $45) */
top: 10%;
height: 80%;
width: 2px;
background: repeating-linear-gradient(
to bottom,
transparent,
transparent 3px,
#888 3px,
#888 6px
);
z-index: 3;
}
.bar-viz {
position: absolute;
left: 0;