Repository navigation
Add daily spending popover on GitHub-style grid cells #23
Description
Feature Request:
Add ion-popover functionality to display daily spending details when users tap on individual cells in the GitHub-style spending grid.
User Story:
As a user, I want to tap on any cell in the spending grid to see the exact spending amount for that specific day, so I can quickly review my daily spending without navigating to other pages.
Acceptance Criteria:
- Tapping on any grid cell opens an ion-popover
- Popover displays the exact date and spending amount for that day
- Popover shows formatted currency amount
- Popover appears positioned relative to the tapped cell
- Popover can be dismissed by tapping outside or on close button
- Empty days (no spending) show "No spending" message
- Popover styling matches app design system
Technical Requirements:
- Use ion-popover component from Ionic Vue
- Integrate with existing GitHub-style grid component
- Access spending data from useSpendingStore
- Handle date calculations for grid positioning
- Responsive design for mobile and desktop
Priority: Medium
Labels: enhancement, UI/UX
Activity
laminko commentedon Jun 14, 2025
🔄 Issue Reopened
The popover functionality is not working as expected. Need to investigate and fix the implementation.
Status: Reopened for debugging and fixes
Branch:
feat/daily-spending-popover-issue-23Will investigate the issue and provide a working solution.
feat: add daily spending popover to GitHub-style grid cells
laminko commentedon Jun 14, 2025
Won't implement.
feat: add daily spending popover to GitHub-style grid cells
feat: Add Settings page with authentication UI and improved components (
Release: Major authentication and user management features (#50)
Release v1.3.0: Facebook OAuth UI removal and version bump (#51)