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 514724a67..23a113f86 100644 --- a/src/opnsense/www/themes/opnsense-dark/build/css/dashboard.css +++ b/src/opnsense/www/themes/opnsense-dark/build/css/dashboard.css @@ -140,8 +140,15 @@ td { margin: 5px; } +.canvas-container-noaspectratio { + position: relative; +} + .canvas-container { position: relative; + /* ChartJS v4 workaround: https://github.com/chartjs/Chart.js/issues/11005 */ + aspect-ratio: 2; + overflow: hidden; } .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 7226a514b..4e678612d 100644 --- a/src/opnsense/www/themes/opnsense/build/css/dashboard.css +++ b/src/opnsense/www/themes/opnsense/build/css/dashboard.css @@ -140,8 +140,15 @@ td { margin: 5px; } +.canvas-container-noaspectratio { + position: relative; +} + .canvas-container { position: relative; + /* ChartJS v4 workaround: https://github.com/chartjs/Chart.js/issues/11005 */ + aspect-ratio: 2; + overflow: hidden; } .cpu-canvas-container {