Change size of graphs when there is nothing to draw e.g. "Error drawing graph" placeholders

i recently made a big jump in versions from 1.61 (i think) to 24.7.0 and now the graph place holders for ping-only devices that don’t have any sensors (e.g. port, cpu, etc) are no longer the same size as the graph for a sensor and it makes the graph view uneven.

even image:

uneven image:

i’ve done a lot of searching to try and figure out a way to make them consistently sized again as 1.61 was but cannot find anything so i would really appreciate if someone could point me in the right direction.

thank you!

i was able to fix this myself after some tinkering w/ firefox’s dev tools.

for anyone else who cares about maintaining a consistent grid in a similar scenario here’s what i changed:

in /opt/librenms/html/css/styles.css
change

.devices-overlib-box {
display: block;
padding: 1px;
margin: 2px;
min-height: 170px;
max-height: 170px;
text-align: center;
float: left;
background-color: #f5f5f5;
}

to

.devices-overlib-box {
display: block;
padding: 1px;
margin: 2px;
min-height: 170px;
max-height: 170px;
min-width: 400px; (CUSTOM ADD)
max-width: 400px; (CUSTOM ADD)
text-align: center;
float: left;
background-color: #f5f5f5;
}

and this is the result:

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.