Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Closed
3 tasks
jsiegenthaler opened this issue Nov 17, 2023 · 2 comments
Closed
3 tasks

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

jsiegenthaler opened this issue Nov 17, 2023 · 2 comments
Labels
bug

Comments

@jsiegenthaler
Copy link
Contributor

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 jsiegenthaler mentioned this issue Nov 18, 2023
Merged
bwp91 pushed a commit that referenced this issue Nov 19, 2023
@jsiegenthaler
Fix for #1736: fix table width, avoid overflow (#1741)
e633bed
bwp91 added a commit that referenced this issue Nov 21, 2023
@bwp91 @jsiegenthaler
Fix for #1736: fix table width, avoid overflow (#1758)
b6fd13f 
Co-authored-by: jsiegenthaler <jbsiegenthaler@gmail.com>
@jsiegenthaler
Copy link
Contributor Author

@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
Copy link
Contributor Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@jsiegenthaler