Cosmetics - Query about Interfaces Widget

[jfenech]

This is just a minor issue to placate my ocd .

Perhaps someone could point me in the direction where to look for to "fix" the width of the "Interfaces Column" on the Interfaces widget in the lobby (please see attached images before.png and after.png) to see what I mean.

I have looked in /usr/local/opnsense/www/themes/ inside the css folder but cannot find anything specific to that <td>. All I need is to increase the Column Width from 15% to 20%

Thanks in advance for any pointers.

J

[tiermutter]

I have no answer for you, but in second screenshot you forgot to conceal your public IP.

To "adjust" the colums, better said to make it more visually appealing I am using the browser zoom

[franco]

Perhaps if we move the icons to a separate column it would be more robust in terms of variable size being available on the screen? The text would still be squashed at some point but the alignment will not wrap. There's also the solution of using non-breaking spaces to glue the icons to the start of the text but that seems more desperate.


Cheers,
Franco

[jfenech]

Thank you both for your quick replies. As I said not a major issue at all, its more of an OCD thing.

[franco]

How about this? https://github.com/opnsense/core/commit/7f4ab564a4

# opnsense-patch 7f4ab564a4


Cheers,
Franco

[tiermutter]

Looks like this with 90 and 100% browser zoom...
I would still prefer to shorten interface names as much as possible

[tiermutter]

@jfenech
I see you edited the screenshot, but your domain is still visible

[tiermutter]

BTW: For my taste, the media information "full-duplex" in the widget doesn´t have to be shown here.
This would free up some space for IF names and long v6 addresses
But I am not sure what other media types / descriptions could appear here...

[franco]

The normal bootstrap tables allow to specify which columns may be hidden when space is limited, but I don't think it has been tried on widgets on the dashboard so far.

The icon on the type is relatively useful, but the up/down could possibly be merged into the first, or show the media as a tooltip of one of these icons. Don't want to do too much whac-a-mole with this, but please feel free to open a PR.


Cheers,
Franco

[tiermutter]

I am fine with short interface names and browser zoom

[jfenech]

/usr/local/www/widgets/widgets/interface_list.widget.php is what I was looking for !!! THANK YOU !

[jfenech]

@franco, your solution works like a charm. Personally I would do away with word-break; break-word; unless I am missing anything. I tested it on my setup and it works great