deemanone/padelnomics
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(planner): prevent chart containers from overflowing on small screens

Browse Source 
Grid children default to min-width:auto, letting the Chart.js canvas
push the container wider than its grid track. Adding min-width:0 and
overflow:hidden constrains charts to their column width.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Deeman
2026-03-05 18:27:27 +01:00
parent f7faf7ab57
commit c54eb50004
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/padelnomics/static/css/planner.css
View File

@@ -455,6 +455,8 @@
border-radius: 18px; border-radius: 18px;
padding: 1rem; padding: 1rem;
box-shadow: 0 1px 4px rgba(0,0,0,0.04); box-shadow: 0 1px 4px rgba(0,0,0,0.04);
min-width: 0;
overflow: hidden;
} }
.chart-container__label { .chart-container__label {
font-size: 11px; font-size: 11px;