anton/visual-spending
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix scroll jumping in narrow layout when hovering subcategories

Browse Source 
Use calc() to set details box max-height based on remaining viewport
space after chart (90lvw) and header (~140px). This prevents page
scrolling when hovering items with many subcategories - the details
box scrolls internally instead.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Anton Volnuhin 2026-02-01 15:21:10 +03:00
parent 805d70cdf7
commit 8fa8b32ad2
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
styles.css
View File

@ -351,8 +351,9 @@ body {
right: 0; right: 0;
width: 100%; width: 100%;
margin-top: 20px; margin-top: 20px;
max-height: none; max-height: calc(100vh - 90lvw - 140px);
min-width: 100%; min-width: 100%;
overflow-y: auto;
} }
.top-item-amount { .top-item-amount {