Commit Graph

10 Commits

Author SHA1 Message Date
Anton Volnuhin
e29ff21747 Add home icon in donut center when drilled down
- Home icon appears in center only when at least one level deep
- Clicking the icon navigates back to root view
- On narrow screens (≤850px), shows only the home icon (label hidden)
- Black/white styling with hover effect
- Works on both desktop and mobile/touch devices

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-01 18:34:17 +03:00
Anton Volnuhin
aaa05bf2c9 Fix center label positioning in responsive layout
Added chart-wrapper div to contain both chart-container and center-label,
allowing the center-label to be positioned relative to the chart area
regardless of the overall layout (side-by-side or stacked).

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-01 15:11:08 +03:00
Anton Volnuhin
c441d5979f Improve center label and details box styling
- Move center label from ECharts canvas to HTML overlay for better font rendering
- Style ₽ symbol separately with lighter color (#888) and slightly smaller size (20px)
- Use tighter line height (1.0) for center label
- Remove "Детали" heading from details box, use total as header
- Remove top border from details header
- Increase header font sizes to 20px
- Add more whitespace above "Top Items:"

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-01 15:02:31 +03:00
Anton Volnuhin
08db280f84 Add sortable transaction table with row detail modal
- Add custom column sorting (click headers to sort, click again to reverse)
- Add row click to open detail modal showing all transaction fields
- Row detail modal uses table layout with labels and values side by side
- Always show scrollbars, reset scroll position when modal opens
- Global escape key handler closes detail modal first, then main modal

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-30 19:31:18 +03:00
Anton Volnuhin
ecd04ee4a9 Fix eye button not showing after opacity transition change
- Remove inline display:none from HTML (was overriding opacity)
- Set initial pointer-events:none in CSS to prevent blocking clicks

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-30 18:51:55 +03:00
Anton Volnuhin
77c8987099 Add floating eye button for viewing transaction details
- Add eye icon that appears when hovering over chart sectors
- Position button at inner edge for left-side sectors, outer edge for right-side
- Click eye button to open transaction details modal
- Maintain sector highlight and details panel when hovering over button
- Override chart cursor to only show pointer on eye button, not sectors

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-30 18:41:36 +03:00
Anton Volnuhin
9a0589d3f9 Add visual month navigator with mini donut chart previews
Replace dropdown selector with a visual navigator featuring:
- Left/right arrow buttons for month navigation
- Clickable month buttons with mini donut chart previews
- Russian month labels (e.g., "Январь'25")
- Responsive layout for mobile screens
- Arrows disable at navigation boundaries

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-29 14:05:30 +03:00
Anton Volnuhin
db3f419ee7 updated with february and resizing 2025-03-20 22:23:39 +03:00
Anton Volnuhin
ab3db53817 better colors 2025-03-19 22:47:33 +03:00
Anton Volnuhin
cfb07ce1c0 Initial 2025-03-19 20:41:30 +03:00