Services widget

[opnsenseuser]

Yes, the design of the service box is okay, but it could be better. I'm also not entirely sure why the "button" class was used for the service widget. But okay—what is strange, though, is that the service widget's heading is missing. It is visible in edit mode, however. Is that intentional?

[dseven]

the service widget's heading is missing. It is visible in edit mode, however. Is that intentional?

It seems to be intentional for maximum compactness. It was the first thing that threw me off, because in a dark theme, it kindof looks like the services table is part of the widget above.

[opnsenseuser]

so i changed the colors again, because this didn´t fit.

but the service widget needs the header i think

it would look like this with the header for vicuna and cicada

only the alert service´s are in red.

I find that it doesn't look so cluttered in terms of color, and appears calmer.

Request: https://github.com/opnsense/plugins/pull/5584

[opnsenseuser]

I think the service widgets should have a unified design, if only for the sake of clarity.

[dseven]

I find that it doesn't look so cluttered in terms of color, and appears calmer.

Agreed. It's still not following the UX of the other widgets (where there's a LED-like icon to show the status of the "thing"), but as a compromise between compactness and visual appeal, this does look a lot better to me...

[opnsenseuser]

the service widget's heading is missing. It is visible in edit mode, however. Is that intentional?

It seems to be intentional for maximum compactness. It was the first thing that threw me off, because in a dark theme, it kindof looks like the services table is part of the widget above.

That doesn't make sense to me. Because when I look at the WOL widget, it takes up just as much space as the service widget ;-)
But that's a line break problem.

[opnsenseuser]

The DHCP widget could also save a considerable amount of vertical space if the IP address and hostname were on the same line instead of separated.

[opnsenseuser]

would be a simple solution for the dhcp widget.
It would all be in one line, much clearer and tidier, and above all, more space-saving.

see screenshot

There are other widgets too, that could be optimized in terms of space.
But it's quite clear to me that the service widget needs a heading.

[dseven]

It would all be in one line, much clearer and tidier, and above all, more space-saving.

I suspect (don't know) that they went after the Services widget first because it was the biggest offender in terms of space wastage (you'd typically have a lot more Services than you'd have DHCP networks, etc.).

[opnsenseuser]

To properly align all the widget columns horizontally, you would need to use either JavaScript or different CSS classes, since the widgets have varying numbers of columns. However, it is possible and could save a lot of space.

[nero355]

The DHCP widget could also save a considerable amount of vertical space if the IP address and hostname were on the same line instead of separated.

The wasted space needs to removed on this one :

And then it's fine IMHO :)

This :

Is not a real improvement when it comes to the wasted vertical space ;(

[keeka]

I'd like to see an option to exclude static leases for the Kea dashboard widget.

[AhnHEL]

I have an Ultrwide monitor so my columns might be slightly larger than yours but my Kea DHCP Widget already lists the Devices and IPs side by side.

The wasted space needs to removed on this one :

And then it's fine IMHO :)

[drosophila]

At least the text is readable entirely, contrary to the ddns widget, which should use the full line for the IP instead of only the first column, and also should line-break the IP if it doesn't fit, like it does with the update time (compare how the "fe" (and all following hextets) is cut off while the "AM" is moved into the next line). The description "Current IP" could be put into the same line if it would line-break, to possibly save one line.
It seems to not have been used with IPv6 much yet. :)

[opnsenseuser]

If you stretch the individual widget to make it wider, the row also shifts upwards.