Host details & My device > Policies: Truncate policy names with ellipses & remove arrows

[eugkuo]

Goal

User story
As an admin,
On the Host details page and on the My device page, trancate policy names with ellipses and remove the arrows as these don't like to another page.
so that the treatment of truncation is consistent with the rest of the platform.

Key result

Original requests

None. Design improvement.

Context

• Product designer: @eugkuo

Changes

Product

• UI changes: Figma file
• CLI (fleetctl) usage changes: No changes
• YAML changes: No changes
• REST API changes: No changes
• Fleet's agent (fleetd) changes: No changes
• Activity changes: No changes
• Permissions changes: No changes
• Changes to paid features or tiers: No changes
• Transparency changes: No changes
• First draft of test plan added
• Other reference documentation changes: No changes
• Once shipped, requester has been notified
• Once shipped, dogfooding issue has been filed

Engineering

• Test plan is finalized
• Feature guide changes: TODO
• Database schema migrations: TODO
• Load testing: TODO

ℹ️  Please read this issue carefully and understand it. Pay special attention to UI wireframes, especially "dev notes".

QA

Risk assessment

• Requires load testing: TODO
• Risk level: Low / High TODO
• Risk description: TODO

Test plan

1. Navigate to Host detail page

2. Ensure the arrows next to policy names in the Policies table are gone

3. Make the window narrower

4. Ensure that the policy names truncate with ellipses

5. Navigate to My device page.

6. Ensure 2-4

7. Navigate to host detail page/policies (i.e. https://dogfood.fleetdm.com/hosts/967/policies

8. Ensure that long policy names are wrapping

9. Ensure arrow after policy names are removed.

10. Ensure that tapping on policy name still opens a modal with detailed information.

Testing notes

Confirmation

1. Engineer: Added comment to user story confirming successful completion of test plan.
2. QA: Added comment to user story confirming successful completion of test plan.

[lukeheath]

@eugkuo Please make sure to add the Fleet version and browser. That's important because it lets us know if it's a released bug or can unreleased bug. You can see the current version (or commit hash if it's unreleased) at https://dogfood.fleetdm.com/account in the bottom-right corner. Thanks!

[eugkuo]

@lukeheath My bad. It's funny. Now that I'm looking at the page again it looks like this issue no longer exists! Magic! I do feel that this could be improved by not truncating. I guess I'll update this ticket to a feature request and change the content accordingly. Thanks!