[TheWitness]

Summary

Fixes two scrolling problems on the Intropage dashboard.

1. Page will not scroll with the mouse wheel over chart panels

resizeCharts() sized every chart as .panel_wrapper height − 30, a formula from the pre-card layout. Since the shared card chrome (#423), .panel_wrapper contains the 34px .ccCardHeader plus the padded .ccCardBody, so each chart rendered ~19px taller than its chart_wrapper and overflowed the card body. cards.css gives .ccCardBody overflow-x: auto, which implicitly makes overflow-y auto too, so every chart panel became a tiny nested scroller. A wheel gesture over it latched onto that scroller and the page did not move. The same formula also made pie/treemap charts (no fixed wrapper height) grow ~18px on every window resize.

• includes/intropage.js: resizeCharts() keeps the chart's server-sized height ($(this).height()) and only adapts the width.
• css/common.css: #panel_container .ccCardBody { overflow-y: hidden; }. Cards already grow to fit their content, so the body never needs its own vertical scroller.

2. Panel Details content spills into the Close button pane and cannot scroll

Themes such as deepness set .ui-dialog .ui-dialog-content { overflow: visible }, so long details overflowed the dialog under the button pane with no scrollbar.

• css/common.css: .ui-dialog #overlay.ui-dialog-content { overflow: auto; clear: both; }. The clear: both is needed because, as deepness's own comment warns, overflow: auto creates a BFC that gets squeezed (to ~40px wide) beside the floated .ui-dialog-title, which overhangs the fixed 28px titlebar by 1px.
• includes/intropage.js: cap the details dialog maxHeight to the viewport (Math.min(650, window height - 40)).

Testing

Reproduced and verified in a throwaway Cacti 1.2.32 install (deepness theme, 1380×768, 28 panels, 90 devices) driven through a real browser:

• Before: a mouse wheel over Devices by Status / Poller Statistics / Poller Output Items / Boost History / CPU Utilization moved the page 0px (each card body was a 194/203px scroller). After: every panel scrolls the page; no nested vertical scrollers remain.
• Before: five window resize events grew the Data Sources pie card to 510px. After: it stays at 229px.
• Before: Analyze Cacti Objects details ran under the CLOSE pane, unscrollable. After: the content stops at the button pane and scrolls with the wheel.
• Charts still render with their axes and legends intact.

No PHP changes; the CHANGELOG is updated.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Copilot]

🔵 Needs a closer look

Chart-height preservation depends on chart-library sizing behavior that remains unverified across supported Cacti versions and needs human confirmation.

No open issues 🎉

What changed in this PR

Fixes dashboard scrolling and Panel Details overflow following the shared card layout update.

Changes:

• Preserves chart height during resizing to avoid nested scrolling and repeated chart growth.
• Disables vertical scrolling within card bodies and restores scrolling inside the details dialog.
• Caps the details dialog height to the viewport and documents the fixes.

File	Description
includes/​intropage.js	Preserves chart height and limits details dialog height.
css/​common.css	Prevents card-body vertical scrolling and contains dialog overflow.
CHANGELOG.md	Records both scrolling fixes.

_{Review effort: Balanced}