homebridge/homebridge-config-ui-x

Accessories > Accessory > Cog Icon: Display of values does not fit on screen if one value is very long

jsiegenthaler opened this issue · 2 comments

jsiegenthaler commented

Describe The Bug

Accessories > Accessory > Cog Icon: Display of accessory values does not fit on screen if one value is very long.
In the example attached the Display Order is a long value which pushes the HTML column so wide that the right-justified data is shown in the shaded part of the window. Better would be to word-wrap within the table cell, and keep the table at a fixed width without letting the width expand beyond the popup window width.

image

Logs

n/a, this is a display issue

Config

n/a

Homebridge UI Version

homebridge-config-ui-x v4.52.4-beta.24

Homebridge Version

v1.7.0

Node.js Version

v20.9.0

Operating System

Windows 10

Environment Info

  • Using Docker?
  • Using Hyper-V?
  • Using hb-service?

Raspberry Pi Model

None

jsiegenthaler commented

@bwp91 not fully fixed yet, needs a style="word-wrap: break-word;" added. I hunted through the code but couldn't see where the table style is defined:
image

Here is homebridge-config-ui-x v4.53.0-beta.16 showing the issue:
image

jsiegenthaler commented

Fixed in homebridge-config-ui-x v4.53.0