diff --git a/src/opnsense/www/css/dashboard.css b/src/opnsense/www/css/dashboard.css index d6b09d26b..f93c30547 100644 --- a/src/opnsense/www/css/dashboard.css +++ b/src/opnsense/www/css/dashboard.css @@ -147,9 +147,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-dark/assets/stylesheets/dashboard.scss b/src/opnsense/www/themes/opnsense-dark/assets/stylesheets/dashboard.scss index a779cd8b3..9c921a4ea 100644 --- a/src/opnsense/www/themes/opnsense-dark/assets/stylesheets/dashboard.scss +++ b/src/opnsense/www/themes/opnsense-dark/assets/stylesheets/dashboard.scss @@ -148,9 +148,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/assets/stylesheets/dashboard.scss b/src/opnsense/www/themes/opnsense/assets/stylesheets/dashboard.scss index ae06e5bb4..3c0a6e4d0 100644 --- a/src/opnsense/www/themes/opnsense/assets/stylesheets/dashboard.scss +++ b/src/opnsense/www/themes/opnsense/assets/stylesheets/dashboard.scss @@ -148,9 +148,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 {