OPNsense Forum

Archive => 22.7 Legacy Series => Topic started by: jfenech on November 10, 2022, 09:16:07 AM

Title: Cosmetics - Query about Interfaces Widget
Post by: jfenech on November 10, 2022, 09:16:07 AM
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


Title: Re: Cosmetics - Query about Interfaces Widget
Post by: tiermutter on November 10, 2022, 09:31:43 AM
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 :)
Title: Re: Cosmetics - Query about Interfaces Widget
Post by: franco on November 10, 2022, 12:25:48 PM
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
Title: Re: Cosmetics - Query about Interfaces Widget
Post by: jfenech on November 10, 2022, 02:22:24 PM
Thank you both for your quick replies. As I said not a major issue at all, its more of an OCD thing.

:)
Title: Re: Cosmetics - Query about Interfaces Widget
Post by: franco on November 10, 2022, 02:48:20 PM
How about this? https://github.com/opnsense/core/commit/7f4ab564a4

# opnsense-patch 7f4ab564a4


Cheers,
Franco
Title: Re: Cosmetics - Query about Interfaces Widget
Post by: tiermutter on November 10, 2022, 02:56:46 PM
Looks like this with 90 and 100% browser zoom...
I would still prefer to shorten interface names as much as possible :)
Title: Re: Cosmetics - Query about Interfaces Widget
Post by: tiermutter on November 10, 2022, 02:58:53 PM
@jfenech
I see you edited the screenshot, but your domain is still visible ;)
Title: Re: Cosmetics - Query about Interfaces Widget
Post by: tiermutter on November 10, 2022, 03:03:43 PM
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...
Title: Re: Cosmetics - Query about Interfaces Widget
Post by: franco on November 10, 2022, 03:10:50 PM
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
Title: Re: Cosmetics - Query about Interfaces Widget
Post by: tiermutter on November 10, 2022, 03:24:13 PM
I am fine with short interface names and browser zoom :)
Title: Re: Cosmetics - Query about Interfaces Widget
Post by: jfenech on November 10, 2022, 11:26:48 PM
/usr/local/www/widgets/widgets/interface_list.widget.php is what I was looking for !!! THANK YOU !
Title: Re: Cosmetics - Query about Interfaces Widget
Post by: jfenech on November 11, 2022, 05:25:39 PM
@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