lucaspalomodevelop/core
1
0
Fork 0
mirror of https://github.com/lucaspalomodevelop/core.git synced 2026-03-14 00:24:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

dashboard: adjust CSS for chart.js v4

Browse Source 
continuation of d752050a11

aspect-ratio introduced visual artifacts with dead space when resizing
widgets.
This commit is contained in:
Stephan de Wit 2025-02-12 16:08:18 +01:00
parent 09eba5d82f
commit d988511b7e
3 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/opnsense/www/css/dashboard.css
View File

@ -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 {

7
src/opnsense/www/themes/opnsense-dark/assets/stylesheets/dashboard.scss
View File

@ -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 {

7
src/opnsense/www/themes/opnsense/assets/stylesheets/dashboard.scss
View File

@ -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 {