fleet/frontend/interfaces
Jacob Shandling 5445559c76
UI: Address tooltip in headers spacing bug (#10792)
## Addresses #9988

* Adjust copy in tooltips to take up less width
* Refactor table headers to take an optional "isLastColumn" property
that is set to true when that header is in the last column.
* Use above property in conjunction with presence of TooltipWrapper as a
value for the header cell to add a class specific to that state.
* Use that class to adjust the location of the tooltip text and the
min-width of the column to avoid the bug.

The 3 states which exhibited this bug, now fixed:
<img width="1496" alt="Screenshot 2023-03-27 at 4 36 01 PM"
src="https://user-images.githubusercontent.com/61553566/228091971-4d5d034d-55c5-4921-955a-4946119f7785.png">
<img width="1496" alt="Screenshot 2023-03-27 at 4 36 12 PM"
src="https://user-images.githubusercontent.com/61553566/228091968-adf90b32-8fd2-45d9-b56d-a64c654151ef.png">
<img width="1496" alt="Screenshot 2023-03-27 at 4 36 24 PM"
src="https://user-images.githubusercontent.com/61553566/228091962-ff626daa-b13d-4093-b34f-de704b820161.png">

# Checklist for submitter

If some of the following don't apply, delete the relevant line.

- [x] Changes file added for user-visible changes in `changes/`
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2023-04-04 10:25:07 -07:00
..
activity.ts Disk encryption activity items (#10421) 2023-03-15 13:08:04 -07:00
campaign.ts Use new display name property in live query results (#8268) 2022-10-19 17:24:42 -05:00
config.ts remove feature flags to enable MDM (#10746) 2023-03-27 16:30:29 -03:00
config_option.js add prettier and have it format all fleet application code (#625) 2021-04-12 14:32:25 +01:00
datatable_config.ts UI: Address tooltip in headers spacing bug (#10792) 2023-04-04 10:25:07 -07:00
decorators.js add prettier and have it format all fleet application code (#625) 2021-04-12 14:32:25 +01:00
dropdownOption.ts team add new host UI (#723) 2021-05-12 14:06:39 +01:00
empty_table.ts Fleet UI Hackathon: Empty states (#9094) 2023-01-04 14:16:34 -05:00
enroll_secret.ts Add/Edit/Delete enroll secret UI (#2645) 2021-11-15 16:16:06 -05:00
errors.ts Fix duplicate (team name, label name, user email) error handling (#4352) 2022-03-01 13:28:51 -05:00
form_field.ts 1497 improved query experience (#1998) 2021-09-10 12:06:37 -07:00
host.ts UI: Disk encryption banners (#10329) 2023-03-13 14:15:55 -07:00
host_summary.ts Fleet UI: Missing host and low disk space filters on dashboard and manage host page (#7728) 2022-10-14 15:21:30 -05:00
host_users.ts Host Details Page: Users table (#1152) 2021-06-22 12:26:57 -07:00
installer.ts Add UI for Fleet Sandbox to download prepackaged installers (#6721) 2022-07-19 14:28:06 -05:00
integration.ts Fleet UI: App-wide use of host's display_name (#8169) 2022-10-14 14:26:15 -05:00
invite.ts Settings Pages Refactor: User management page & Teams > members page (#3625) 2022-01-13 18:11:45 -05:00
label.ts Fleet UI: Move status from route param to query param (#8035) 2022-10-10 14:07:47 -04:00
license.js add prettier and have it format all fleet application code (#625) 2021-04-12 14:32:25 +01:00
macadmins.ts Add MDM Card to Windows and All Dashboards and change mdm data source on host details page (#8960) 2022-12-16 15:12:11 -06:00
mdm.ts Feat/disk encryption page (#10288) 2023-03-14 13:03:02 -07:00
notification.ts Refactor Redux-triggered flash message component (#4795) 2022-03-31 23:42:26 -07:00
operating_system.ts Ingest Windows host display version for hosts table (#7403) 2022-08-30 10:16:48 -05:00
osquery_table.ts Feat/update query doc sidepanel (#8214) 2022-10-14 17:45:57 +01:00
pack.ts Frontend: Organize response interfaces into appropriate interface directories (#8742) 2022-11-18 11:25:39 -05:00
platform.ts Fleet UI: Missing host and low disk space filters on dashboard and manage host page (#7728) 2022-10-14 15:21:30 -05:00
policy.ts Rebase sandcastle onto main (#10317) 2023-03-30 11:22:41 -07:00
query.ts Frontend: Organize response interfaces into appropriate interface directories (#8742) 2022-11-18 11:25:39 -05:00
query_stats.ts UI feature: Frontend of performance impact bubbles (#2589) 2021-10-22 16:05:49 -04:00
registration_form_data.js Remove username from UI (#1168) 2021-06-24 13:42:29 -07:00
registration_form_data.ts Fix missing field in setup confirmation (#2005) 2021-09-10 18:53:28 -05:00
role.ts Add UI for team admin role (#2637) 2021-10-26 09:24:16 -05:00
scheduled_query.ts Frontend: Organize response interfaces into appropriate interface directories (#8742) 2022-11-18 11:25:39 -05:00
scheduled_query_stats.ts Frontend tech debt: Clean up 409 lint warnings (#3703) 2022-02-14 17:11:12 -05:00
software.ts UI: Add column for published date to Vulnerabilities table (#10656) 2023-03-23 09:32:32 -07:00
ssoSettings.ts Align API docs and frontend interfaces with API GET responses (#1602) 2021-08-16 10:30:19 -04:00
status_labels.ts Include MIA hosts under total count for Offline hosts (#5854) 2022-05-23 14:11:02 -05:00
target.ts Improve live query UX (#5749) 2022-06-10 13:29:45 -05:00
team.ts Update UI to handle "No team" filters (#10706) 2023-03-31 12:40:14 -05:00
user.ts Update UI to handle "No team" filters (#10706) 2023-03-31 12:40:14 -05:00
version.ts Auth Redux Removal (#4924) 2022-04-07 09:08:00 -07:00
vulnerability.ts UI: Add column for published date to Vulnerabilities table (#10656) 2023-03-23 09:32:32 -07:00
webhook.ts Improve live query UX (#5749) 2022-06-10 13:29:45 -05:00