diff --git a/src/opnsense/www/themes/opnsense-dark/build/css/dashboard.css b/src/opnsense/www/themes/opnsense-dark/build/css/dashboard.css index 23a113f86..729a8a628 100644 --- a/src/opnsense/www/themes/opnsense-dark/build/css/dashboard.css +++ b/src/opnsense/www/themes/opnsense-dark/build/css/dashboard.css @@ -146,9 +146,12 @@ td { .canvas-container { position: relative; +} + +.canvas-container > canvas { /* ChartJS v4 workaround: https://github.com/chartjs/Chart.js/issues/11005 */ - aspect-ratio: 2; - overflow: hidden; + width: 100% !important; + height: 100% !important; } .cpu-canvas-container { diff --git a/src/opnsense/www/themes/opnsense/build/css/dashboard.css b/src/opnsense/www/themes/opnsense/build/css/dashboard.css index 4e678612d..b5ea08dd0 100644 --- a/src/opnsense/www/themes/opnsense/build/css/dashboard.css +++ b/src/opnsense/www/themes/opnsense/build/css/dashboard.css @@ -146,9 +146,12 @@ td { .canvas-container { position: relative; +} + +.canvas-container > canvas { /* ChartJS v4 workaround: https://github.com/chartjs/Chart.js/issues/11005 */ - aspect-ratio: 2; - overflow: hidden; + width: 100% !important; + height: 100% !important; } .cpu-canvas-container {