ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix: bar chart overflow by using scaleX instead of width percentage

Browse Source
This commit is contained in:
Usman Baig
2026-03-15 13:33:10 +01:00
parent de16991bb3
commit 342bf46946
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/journeys/ColumnJourney.tsx
View File

@@ -183,11 +183,11 @@ function PageRow({
`} `}
> >
{/* Background bar */} {/* Background bar */}
{!isOther && ( {!isOther && barWidth > 0 && (
<div <div
className="absolute inset-y-1 left-1 rounded transition-all" className="absolute inset-y-1 left-1 right-1 rounded transition-all origin-left"
style={{ style={{
width: `${barWidth}%`, transform: `scaleX(${barWidth / 100})`,
backgroundColor: isSelected ? 'rgba(253, 94, 15, 0.15)' : 'rgba(253, 94, 15, 0.08)', backgroundColor: isSelected ? 'rgba(253, 94, 15, 0.15)' : 'rgba(253, 94, 15, 0.08)',
}} }}
/> />