zwave-js / zwave-js-ui

Full featured Z-Wave Control Panel UI and MQTT gateway. Built using Nodejs, and Vue/Vuetify
https://zwave-js.github.io/zwave-js-ui
MIT License
920 stars 196 forks source link

Zniffer: Enhance column widths #3732

Closed zackbcom closed 1 month ago

zackbcom commented 1 month ago

Is your feature request related to a problem? Please describe. Update column widths to have tighter data.

Describe the solution you'd like Update the TH in the table to remove with in px to use ch example: add the following to each th: white-space: nowrap; Column: #, css: width: 10ch; Column: Timestamp, css: width: 12ch; Column: Delta [ms], css: width: 4ch; Column: Protocol Data Rate, css: width: 20ch; Column: RSSI, css: width: 4ch; Column: Ch, css: width: 4ch; Column: Home Id, css: width: 8ch; Column: Route, css: width: ??ch; Column: Type, css: width: ??ch; Column: Payload, css: width: ??ch;

Additional Changes: Move Routes to end as it expands quite large Prefer static / semi static width columns on the left with known max ch defined. (RSSI, Ch, Home Id, Rate)

Examples:

image image image

Before Changes:

image image
robertsLando commented 1 month ago

Thanks for the suggestion! 🙏🏼