Skip to content

Commit dac63d5

Browse files
fix(chart): remove unwanted borders and overlays from bar chart
- Remove browser focus outline on chart elements (yellow border on mobile Safari) - Remove selection stroke border from selected bars - Remove hover cursor overlay (blue hue on bars) Selected bars now indicate selection through color change only (cyan-400 vs cyan-500). Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent f069041 commit dac63d5

1 file changed

Lines changed: 3 additions & 4 deletions

File tree

src/ui/components/WeeklyActivityChart.tsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -232,7 +232,7 @@ export function WeeklyActivityChart({
232232
</div>
233233

234234
{/* Chart */}
235-
<div className="p-4">
235+
<div className="p-4 [&_*]:outline-none [&_*:focus]:outline-none [&_*:focus-visible]:outline-none [&_svg]:outline-none">
236236
{!hasData ? (
237237
<EmptyState />
238238
) : (
@@ -261,7 +261,7 @@ export function WeeklyActivityChart({
261261
domain={[0, maxSets]}
262262
allowDataOverflow={false}
263263
/>
264-
<Tooltip content={<CustomTooltip />} cursor={{ fill: 'rgba(6, 182, 212, 0.1)' }} />
264+
<Tooltip content={<CustomTooltip />} cursor={false} />
265265
<Bar
266266
dataKey="totalSets"
267267
radius={[4, 4, 0, 0]}
@@ -289,8 +289,7 @@ export function WeeklyActivityChart({
289289
<Cell
290290
key={`cell-${index}`}
291291
fill={fillColor}
292-
stroke={isSelected ? '#22d3ee' : 'transparent'}
293-
strokeWidth={isSelected ? 2 : 0}
292+
stroke="none"
294293
/>
295294
);
296295
})}

0 commit comments

Comments
 (0)