mirror of
https://github.com/marcogll/TaxHacker_s23.git
synced 2026-01-13 13:25:18 +00:00
fix: use short month names
This commit is contained in:
@@ -17,10 +17,8 @@ export function IncomeExpenceGraphTooltip({ data, defaultCurrency, position, vis
|
||||
const incomeCategories = data.categories.filter((cat) => cat.income > 0)
|
||||
const expenseCategories = data.categories.filter((cat) => cat.expenses > 0)
|
||||
|
||||
// Calculate positioning - show to right if space available, otherwise to left
|
||||
const tooltipWidth = 320 // estimated max width
|
||||
const spaceToRight = window.innerWidth - position.x
|
||||
const spaceToLeft = position.x
|
||||
const showToRight = spaceToRight >= tooltipWidth + 20 // 20px margin
|
||||
|
||||
const horizontalOffset = showToRight ? 15 : -15 // distance from cursor
|
||||
|
||||
@@ -121,7 +121,7 @@ export function IncomeExpenseGraph({ data, defaultCurrency }: IncomeExpenseGraph
|
||||
onClick={() => item.income > 0 && handleBarClick(item, "income")}
|
||||
>
|
||||
{/* Period label above income bars */}
|
||||
<div className="text-sm font-bold text-gray-700 break-all mb-2 text-center">
|
||||
<div className="text-sm font-bold text-gray-700 break-words mb-2 text-center">
|
||||
{formatPeriodLabel(item.period, item.date)}
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user