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.

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

Activity card on host details to narrow when host has a label with very long name #27876

Open
marko-lisica opened this issue Apr 4, 2025 · 0 comments
Labels
bug Something isn't working as documented ~frontend Frontend-related issue. #g-orchestration Orchestration product group :product Product Design department (shows up on 🦢 Drafting board) ~released bug This bug was found in a stable release.

Comments

@marko-lisica
Copy link
Member

Fleet version: v4.65.0

Web browser and operating system: Google Chrome 134.0.6998.166 on macOS arm64


💥  Actual behavior

Image

The activity card to narrow when long label name is present in Labels card.

🧑‍💻  Steps to reproduce

  1. Create a label with a very long name
  2. Go to host details of host that's member of that label
  3. Shrink the browser's window width to 1150px and observe how Activity card is too narrow and content overlaps

🕯️ More info (optional)

N/A

🛠️ To fix

Product designer: @marko-lisica
Truncate the label name to make sure that the width of the Activity and Labels card is 50% of the viewport width. E.g. if the label name is too long, then we make the Activity card narrow to fit the label name.

If the label is truncated, show a tooltip with the whole name on hover.

@marko-lisica marko-lisica added :incoming New issue in triage process. :reproduce Involves documenting reproduction steps in the issue bug Something isn't working as documented :product Product Design department (shows up on 🦢 Drafting board) #g-software Software product group #g-orchestration Orchestration product group and removed :reproduce Involves documenting reproduction steps in the issue :incoming New issue in triage process. #g-software Software product group labels Apr 4, 2025
@marko-lisica marko-lisica added #g-mdm MDM product group and removed #g-orchestration Orchestration product group labels Apr 4, 2025
@marko-lisica marko-lisica added #g-orchestration Orchestration product group and removed #g-mdm MDM product group labels Apr 4, 2025
@RachelElysia RachelElysia added ~frontend Frontend-related issue. ~released bug This bug was found in a stable release. labels Apr 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working as documented ~frontend Frontend-related issue. #g-orchestration Orchestration product group :product Product Design department (shows up on 🦢 Drafting board) ~released bug This bug was found in a stable release.
Projects
None yet
Development

No branches or pull requests

3 participants