ogrechko/top-tickets
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix invisible bars in the 14-day tickets chart

Browse Source 
The row container used items-end without an explicit height, so each
day column had an auto (indefinite) cross-axis size. Percentage
heights don't resolve against an indefinite-height ancestor, so every
bar collapsed to zero height regardless of its data — only the
hover-tooltip count was visible, not the bar itself. Removing
items-end lets columns stretch to the parent's fixed h-32, giving the
inner bar's height percentage something concrete to resolve against.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012o9j9RezxbZVKQMrB7oRLY
This commit is contained in:
ogrechkoandClaude Sonnet 5 committed 2026-08-08 13:07:09 +00:00
1 parent bae653b7a9
commit 8844323cad
1 file changed
+1 -1
Download Patch File Download Diff File Expand all files Collapse all files
src/app/(admin)/stats/charts.tsx
+1 -1
View File
@@ -54,7 +54,7 @@ export function DailyBarChart({ data }: { data: { label: string; count: number }
return ( return (
<div> <div>
<div className="flex h-32 items-end gap-1 border-b border-border pb-0.5"> <div className="flex h-32 gap-1 border-b border-border pb-0.5">
{data.map((d, i) => ( {data.map((d, i) => (
<div key={i} className="group relative flex flex-1 flex-col items-center justify-end" title={`${d.label}: ${d.count}`}> <div key={i} className="group relative flex flex-1 flex-col items-center justify-end" title={`${d.label}: ${d.count}`}>
{d.count > 0 && ( {d.count > 0 && (